Even though the new blogger theme has lots of advantages , it still has some disadvantages and One of the cons is the inability to show readers the “NEXT POST” and “OLDER POST” as it is on the Previous Blogger themes (especially Awesome Inc)
But right here at Ogbonge Planet, you’ll read how to hack your new blogger theme template and make it show the Newer and Older Post pagination as shown in the picture below.
Without further ado, let’s cut the cake
How To Add Older and Newer Post Pagination To Emporio Blogger New Theme
(Backup your theme’s FIRST!!)
Step 1: Login to your Blog dashboard >> Theme >> click HTML
Step 2: Locate the Blog1 Widget by clicking on “Jump to Widget”
Step 3 : Scroll down a little bit and look for the “postPagination” inclusion, then click the small arrow beside it
Step 4: Now add “super” in small letters as shown in the code below (instead of capital letters)
<b:includable id='postPagination'> <div class='blog-pager container' id='blog-pager'>
<b:include cond='data:newerPageUrl' name='SUPER.previousPageLink'/>
<b:include cond='data:olderPageUrl' name='SUPER.nextPageLink'/>
<b:include cond='data:view.url != data:blog.homepageUrl' name='SUPER.homePageLink'/>
Step 5: Scroll up a little bit to see "main " inclusion and click the small arrow beside it to reveal the codes.
=> Now add the below codes BEFORE the closing tag of </b:includable
<b:include cond='data:view.isPost' name='postPagination'/>
Step 6: Search for ]]></b:skin> and add the below codes directly above it
.blog-pager-newer-link { float: left; }
.blog-pager-older-link { float: right; }
Step 7. Now save your template and view the action!
NOTE: Everything looks great on desktop but When i view the blog on mobile, it force the template to be more wider than normal.
Hence i would like to call upon @mazinoweb @jidetheblogger and other memeber of this forum to suggest what we can do about it?
#Update
To make it look responsive on mobile devices, simply add the css code below directly above ]]></b:skin>
.blog-pager { width:100%; }
Thanks to @jidetheblogger for providing the mobile responsive css code
