Static Pages In Blogger

One of the reasons why bloggers want to shift from blogger to wordpress is static pages.Nowadays we can create static pages in blogger too.I will show you how to do it

Step 1

Edit the post which you want to convert and set the reader comments to dont allow,hide existing and save it

Step 2
Now go to Layout>Edit HTML and paste the below code with few changes before </head>

<b:if cond=’data:blog.url == &quot;POST PAGE URL GOES HERE&quot;’>

<style type='text/css'>

Replace POST PAGE URL GOES HERE with the post link ,CLASS / IDS GOES HERE with the DIV IDS/CLASS within the post


<b:if cond=’data:blog.url == &quot;;’>
<style type=’text/css’>

In the above example
I converted my contact us post to a static page

  • #blog-pager,#blog-pager-older-link,#blog-pager-newer-link are the divs of older,newer post links [ common for all ]
  • .post-hdr is my post header div
  • .retweet is my retweet button div

Note : Dont forget to include all CLASS/IDS of DIVS which appear within a post

Step 3
Place the static page link at your navigation bar

Demo : Click Here

Trouble installing feel free to comment in this post

Share on Facebook

Speak Your Mind