CODEWITHSUNDEEP
blogger
Dennis Kioko
Dennis Kioko

Reputation: 731

Preview next post

I would like to preview the next post at the post at the bottom of each item. The aim is to increase number of page views per visitor by having them view a snippet of the next blog post, and clicking on it if interested.

I am wondering the best way to go about the issue to get the title of the next post and a preview of the body (summary).

Should I use expression on the posts or the feeds. The code should also be efficient so that it doesn't loop unnecessarily through all items.

This is for Google's Blogger service.

Upvotes: 4

Views: 1410

Answers (2)

Nik
Nik

Reputation: 147

I know this is an old post, but this post is still getting viewers, so I thought I would answer it.

As far as displaying the post title instead of the next and previous posts (also known as "older post" and "newer post"), copy-paste the following code above the "/head"

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js">       </script>
<script type="text/javascript">
var olderLink = $("a.blog-pager-older-link").attr("href");
$("a.blog-pager-older-link").load(olderLink+" h3:first", function() {
var olderLinkTitle = $("a.blog-pager-older-link:first").text();
$("a.blog-pager-older-link").text(olderLinkTitle);
});
var newerLink = $("a.blog-pager-newer-link").attr("href");
$("a.blog-pager-newer-link").load(newerLink+" h3:first", function() {
var newerLinkTitle = $("a.blog-pager-newer-link:first").text();
$("a.blog-pager-newer-link").text(newerLinkTitle);
});
</script>

Upvotes: 3

Sangram Nandkhile
Sangram Nandkhile

Reputation: 18202

Try this

Locate '<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'>' in your HTML. put following code right after the the above code.

<b:includable id='nextprev'>
<div class='blog-pager' id='blog-pager'>
<b:if cond='data:newerPageUrl'>
<span id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
</span>
</b:if>

<b:if cond='data:olderPageUrl'>
<span id='blog-pager-older-link'>
<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
</span>
</b:if>

<b:if cond='data:blog.homepageUrl != data:blog.url'>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
<b:else/>
<b:if cond='data:newerPageUrl'>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
</b:if>
</b:if>

</div>
<div class='clear'/>
</b:includable>

It should work.

Upvotes: 0

Related Questions