Notable Theme: Add Next Home & Previous Links Blogger Themes

The tutorial earlier works & tested on Notable theme and can be seen at this test blog => Notable Theme Next Prev Links (look at bottom of posts).

Duration: Less than 1 minute

Here is the complete step-by-step guide. Backup theme if required...

  • Go to Theme > Edit HTML > click Jump to widget > select Blog1..
  • Find this Line <b:includable id='postPagination'>
  • Expand the codes by click the small black triangle.
  • Replace the entire line so it would look like so:-

          <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'/>
</div>
</b:includable>



  • Then scroll to the top and find this line <b:includable id='main' var='this'>
  • Expand the codes by clicking the small black triangle.
  • Add the pagination inclusion highlighted yellow as below (refer screen capture on the exact location)...

<b:include cond='data:view.isPost' name='postPagination'/>


  • Click Save Theme

Then Add the pagination CSS...

  • Go to Theme
  • click Customize
  • slelect Advance
  • find & select Add CSS and add below...

.blog-pager { text-align:center; float:none; margin-right:0; }
.blog-pager a { font: inherit!important; text-transform:uppercase;  }
.blog-pager-newer-link { float: left; }
.blog-pager-older-link { float: right; }

  • click Apply to Blog.
  • Refresh and preview your blog pages.

This guide was adapted at this forum thread & this forum thread designed for Emporio theme.

No comments:

Post a Comment

Insert search keyword(s) & press enter...

Subscribe & Get Latest Stories via Mail...

 
Our website development is made possible by displaying online advertisements.
Please consider supporting us & our projects by disabling your Ad Blocker. Thank You.
Our website requires javascripts turned on for best user experience.
Please consider to turn on your web browser javascript. Thank You.
GDPR: Data submitted at our site is managed by 3rd party processors. Read more on how data is collected, managed & processed at our site. Learn More