/blogger/community?hl=en
/blogger/community?hl=en
1/6/18
Original Poster
Kell Kolm

How to add newer/older post links under posts in Notable theme?

Like so.
Community content may not be verified or up-to-date. Learn more.
All Replies (4)
1/7/18
Original Poster
Kell Kolm
So is it impossible?
irsah
1/7/18
irsah
Hi...


This requires custom coding and your usages is at your own risks...

If you search in this help forum, there is a tutorial using Emporio theme which has the similar structure as in Notable theme for the default "More Posts" link. It may or may not work for you -- depending on how you integrate them in your theme.

Use this guide by @Soraya - Blogger TC to add a next and previous link on the newer blogger themes.

If you have issues with your custom codes, use 3rd party help website like stackoverflow.com OR Blogger Developer Group where experts there can assist on your custom coding & implementation issues.


Regards
+irsah
1/7/18
Original Poster
Kell Kolm
the Soraya technique isn't working cause I cannot find anything that this tells to find. The XML she is talking about is the HTML page right? The step 3 is impossible to do. How can I contact the blogger developer group?



irsah
1/8/18
irsah
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 you pagination CSS...

  • The go to Theme > Customize > Advance > Add CSS and add below...

.blog-pager-newer-link { float: left; }
.blog-pager-older-link { float: right; }

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

If you have further issues, you may need to seek help with a friend developer OR use stackoverflow.com website like explained earlier.

Like mentioned, depends on the theme and where you want to place your new Next Prev links, the above screen capture should help you on the fundamentals of the code snippets and it location.

Based on earlier reference thread enhanced to use on Notable Theme.


Regards
+irsah 


Update:
Added missing cond
Were these replies helpful?
How can we improve them?
 
This question is locked and replying has been disabled. Still have questions? Ask the Help Community.

Badges

Some community members might have badges that indicate their identity or level of participation in a community.

 
Expert - Google Employee — Googler guides and community managers
 
Expert - Community Specialist — Google partners who share their expertise
 
Expert - Gold — Trusted members who are knowledgeable and active contributors
 
Expert - Platinum — Seasoned members who contribute beyond providing help through mentoring, creating content, and more
 
Expert - Alumni — Past members who are no longer active, but were previously recognized for their helpfulness
 
Expert - Silver — New members who are developing their product knowledge
Community content may not be verified or up-to-date. Learn more.

Levels

Member levels indicate a user's level of participation in a forum. The greater the participation, the higher the level. Everyone starts at level 1 and can rise to level 10. These activities can increase your level in a forum:

  • Post an answer.
  • Having your answer selected as the best answer.
  • Having your post rated as helpful.
  • Vote up a post.
  • Correctly mark a topic or post as abuse.

Having a post marked and removed as abuse will slow a user's advance in levels.

View profile in forum?

To view this member's profile, you need to leave the current Help page.

Report abuse in forum?

This comment originated in the Google Product Forum. To report abuse, you need to leave the current Help page.

Reply in forum?

This comment originated in the Google Product Forum. To reply, you need to leave the current Help page.