Home Top Ad

How to Create Static Pages in Blogger

Share:
Blogger Static pages allow you to create pages like About Us, Contact Us, Disclaimer, Privacy Policy and Sitemap etc.on your blog. These pages are like post only but maid for different users as they indicate the blog's  services, owner information and many other policies. Static pages, when attached to your blog, gives a feeling of a professional blogger. Well, I suggest newbies add the static pages on their new blog as soon as possible.


Are static pages Important?
Well, this question is very interesting as the answer for sure is "yes".As this is directly connected to the Adsense because it's not a myth that Google does not approve blog without static pages like  About Us, Contact Us, Disclaimer, Privacy Policy and Sitemap etc. So, you have to link these pages a soon as possible. Don't worry I have the solution to your problem I will tell you how to link all the pages properly.

1. Login to your Blogger account and Goto dashboard.

2.Click on Pages > New page > Page Title > Save.

Adding "About Us"
Well, About us page is to provide your visitors and followers with your own and blog's info. This can be presented in a ton of ways. Making About us page for your blog can take you ahead of your Adsense thus it makes your blog unique and different from other blogs.

You just have to write about you and your blog in many simple words. You can also link some of your's certificates and personal experience. You can express your feelings regarding blogging or your own blog.
For Example visit:


Adding "Disclaimer"
You can generate your own disclosure policy or disclaimer with the help of this website. Just all you have to do is to answer the six easy steps questioned on the website. Within these steps, you will fill in a few blanks and answer a few questions. Once that is done, your disclosure policy will be automatically generated isn't that easy.


Why Do I Need a Disclosure Policy?
Many blog owners around the Internet get paid for their content, so there is a possibility that their opinion or articles could have a slight bias. A disclosure policy gives freedom to your readers to know exactly how you are compensated. Thus, Making your readers more comfortable with the content you provide.


Adding "Contact Us"
The contact page is being made so that blog's visitors may contact for any concern or problem directly to the owner of the blog. Contact Page is quite helpful to both owners as well as visitors. And act as a medium between owner and visitors. Adsense approval chances can be loosened if contact page on linked to the blog.

To add just follow these simple steps:-
1.Login to your blogger account and Goto your Dashboard.

2.Click on Layout > Sidebar Right > Add a Gadget > More Gadget > Contact Form > Save.



3.Click on Theme > Edit Html.

4.Search For  </b:skin> and add the following code just above it.

  1. div#ContactForm1 {
  2. display: none !important;
  3. }

5.Click on Pages > New page.> HTML view and delete all the HTML codes.



6.Then, Add the following code there and click on save.


  1. <div dir="ltr" style="text-align: left;" trbidi="on">
  2. <form name="contact-form">
  3. <br />
  4. <i class="fa fa-pencil-square-o"></i> Name <br />
  5. <input id="ContactForm1_contact-form-name" name="name" placeholder="Your Name" size="30" type="text" value="" />  <br />
  6. <br />
  7. <i class="fa fa-envelope-o"></i> Email Address <span style="color: #446cb3; font-size: x-small; font-weight: bold;">important</span> <br />
  8. <input id="ContactForm1_contact-form-email" name="email" placeholder="mail@example.com" size="30" type="text" value="" />  <br />
  9. <br />
  10. <i class="fa fa-keyboard-o"></i> Content <span style="color: #446cb3; font-size: x-small; font-weight: bold;">important</span><br />
  11. <textarea cols="25" id="ContactForm1_contact-form-email-message" name="email-message" placeholder="Write something to us..." rows="5"></textarea> <br />
  12. <input id="ContactForm1_contact-form-submit" type="button" value="Send" /><br />
  13. <br />
  14. <strong style="border: 0px; color: #424242; font-family: roboto, sans-serif; font-size: 18px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><br /></strong><span style="color: #424242; font-family: &quot;roboto&quot; , sans-serif; font-size: 18px;"><b>By</b>:</span><span style="color: #0b5394;"><span style="font-family: &quot;roboto&quot; , sans-serif; font-size: 18px;">&nbsp;<a href="http://www.letstalk786.blogspot.com/">www.letstalk786.blogspot.com</a></span><a href="mailto:ankit@bloggertipstricks.com" style="font-family: roboto, sans-serif; font-size: 18px; margin: 0px; padding: 0px; vertical-align: baseline;">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</a></span><br />
  15. &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <br />
  16. <span style="color: #0b5394;"><a href="mailto:ankit@bloggertipstricks.com" style="font-family: roboto, sans-serif; font-size: 18px; margin: 0px; padding: 0px; vertical-align: baseline;"><br /></a></span></form>
  17. <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:#446cb3;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>


7.Do the page configuration as seen in the picture given below:-



Adding "Privacy policy"
Well no need of writing long privacy policies and you have to do is to use 
Privacy Policy Generator tool and your blog's Privacy Policy will be created in some minutes.


Why Do I Need a Privacy Policy?
Many people want to have their privacy while visiting sites and internet and likes to keep their personal info to themselves. Privacy policies let all of your readers or users to know that how you exactly do with their personal info. Making privacy policies for your own blog or website is reasonable. This can encourage visitors to sign up for your service or blog's content.

No comments