Friday, May 15, 2015

How To Move Newer, Home and Older Posts Links to top of Posts

Blogger default posts page navigation helps you to navigate through posts pages in your blog. It simply includes "Home", "Newer Posts" and "Older Posts" links. It is normally displayed under blog posts. But if you want to move it to the top of your blog posts, follow the steps given below.
Go to the "Edit HTML" page of your blog. Find this code:
<b:include name='nextprev'/>

If you want to show posts page navigation links only at the top you can remove this code.
If you want to show it both at the top and the bottom, then do not make any change to it.

Now find this code:
<b:includable id='main' var='top'>
  <b:if cond='data:mobile == &quot;false&quot;'>
    <!-- posts -->
    <div class='blog-posts hfeed'>

Add this code just below above code:

<b:include name='nextprev'/>


Final result will look like this:

You are done.

Previous Post
Next Post