How to create pages in blogger

Blogger comes with a Pages feature, which is also known as Menu Tabs. But Pages and Posts differ in that Posts are timestamped and archived as articles. Pages are static pages that should be used for navigation menu.

How to create a new page

Procedure :

1. Open your browser and go to your blogger dashboard.

2. Click on pages below the post tab.

3. At the top, click on New Page.

4. Enter the title of your page in the Page Title text box and your page content in the content area.

5. In the sidebar of the page editor, under Page Options, click on it.

6. You have the option here to choose whether or not you want to allow comments.

7. Finally click on Publish.

8. After that go to Layout page in the Blogger dashboard.

9. There you can see Pages gadgets and click on pencil mark to edit.

10. It will give you a couple of options of what pages you would like to put in your menu.

11. Place a checkmark next to the ones you want to appear.

Note: If you want to add external links to your menu, you can also do that in here. External links are those which is useful for creating drop down features etc.

About Us:

Welcome to Tutors info, tutors info is the one of informative blog which provides all type information about our daily life. We're dedicated to providing you the very best of information, with an emphasis on online money earning, job notifications, educational Information, affiliate marketing and technical information.

Founded in 2020 by ******, tutors info has come a long way from its beginnings in Ongole. When I first started out, My passion towards Digital Marketing, Content writing and Youtube drove me to start my own business.

We hope you enjoy our information providing to you. If you have any questions or comments, please don't hesitate to contact us.

Sincerely,

Contact Us:

Html Code:

Code - 1

<link href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet"/>

Code - 2

<div style="background-color: #444; color: #fff; padding: 10px;">
<form name="contact-form"><span><i class="fa fa-pencil-square-o"></i> Name </span><br /> <input id="ContactForm1_contact-form-name" name="name" size="30" type="text" value="" /> <br /> <br /> <span><i class="fa fa-envelope-o"></i> Email Address <span style="color: #f56954; font-size: x-small; font-weight: bold;">important</span></span> <br /> <input id="ContactForm1_contact-form-email" name="email" size="30" type="text" value="" /> <br /> <br /> <span><i class="fa fa-keyboard-o"></i> Message <span style="color: #f56954; font-size: x-small; font-weight: bold;">important</span></span><br /> <textarea cols="25" id="ContactForm1_contact-form-email-message" name="email-message" rows="5"></textarea> <br /> <input id="ContactForm1_contact-form-submit" type="button" value="Send" /> <br /> <div style="max-width: 222px; text-align: center; width: 100%;"><div id="ContactForm1_contact-form-error-message"></div><div id="ContactForm1_contact-form-success-message"></div></div></form><br /><style scoped="" type="text/css"> #comments,.post_meta,#blog-pager {display:none;} #ContactForm1_contact-form-name, #ContactForm1_contact-form-email{ height:auto;margin:5px auto;padding:10px;background:#fafafa;color:#444;border:1px solid #ccc;border-radius:3px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;transition:all 0.5s ease-out;} #ContactForm1_contact-form-email-message{width:95%;height:175px;margin:5px 0;padding:10px;background:#fafafa;color:#444;font-family:'Open Sans',sans-serif;border:1px solid #ccc;border-radius:3px;transition:all 0.5s ease-out;} #ContactForm1_contact-form-name:focus, #ContactForm1_contact-form-email:focus, #ContactForm1_contact-form-email-message:focus{outline:none;background:#fff;color:#444;border-color:rgba(81,203,238,1);box-shadow:0 0 5px rgba(81,203,238,0.7);} #ContactForm1_contact-form-submit{font-family:'Open Sans';float:left;background:#cf4d35;color:#fff;margin:10px auto;vertical-align:middle;cursor:pointer;padding:10px 18px!important;font-weight:700;font-size:14px;text-align:center;text-transform:uppercase;letter-spacing:.5px;border-radius:4px;border:0;transition:all .8s ease} #ContactForm1_contact-form-submit:hover {background:#e45a40;color:#fff;} #ContactForm1_contact-form-error-message, #ContactForm1_contact-form-success-message{width:100%;margin-top:35px;} .contact-form-error-message-with-border {background:#f6f6f6;border:none;box-shadow:none;color:#444;padding:5px 0;} .contact-form-success-message {background:#4fc3f7;border:none;box-shadow:none;color:#fff;} img.contact-form-cross {line-height:40px;margin-left:5px;} @media only screen and (max-width:640px){ #ContactForm1_contact-form-name, #ContactForm1_contact-form-email,#ContactForm1_contact-form-submit{width:100%;}} </style>
</div>

Sitemap:

Html Code:

Tutors Info

Search This Blog