Friday, October 30, 2015

How to Show Previous Post and Next Post Links on Top in Bloger


  I always wanted this and I'm sure many of you must have wanted to show blogger's Previous Post and Next Post navigation links on top to make it easier for your users to browse through posts without having to reach the bottom of the page for going to next post or previous post.

Now sharing the tip with you. Here's how you can show the previous post and next post navigation links on top of the post.

Take a backup of blogger your template before modifying anything.

Now follow these steps to display Previous Post and Next Post links on top of your post:
  1. Login to blogger
  2. Select your blog
  3. Click on Template link on the left menu
  4. Click on Edit HTML
  5. Click inside the CODE EDITOR and press CTRL + F on your keyboard. You will see a search box inside the CODE EDITOR. (refer to image below)
  6. Now search for following: <b:includable id='main' var='top'>
  7. Once you find the above code paste this code below it: <b:include name='nextprev'/>

Searching code in blogger post editor


That's it. You are done. Now save your template and preview it in your browser. You should see the previous post and next post links on top as well as at the bottom.