Using Post Title Instead Of Old And New Post

You might have see older post and newer post link at the below part of each blog post. They are the links to the post publish a step earlier and later. Actually most of the people don't pay much attention to it as they don't attract much visitors.
But by replacing the old post and new post text with their post titles, remaining the link same, we can attract much more visitors, as we've seen in Harry Potter where we're busy seeing the exploration of wonders of wizarding world!  
This trick surely looks cool, isn't it. After all it's meant to be cool, hehe, just kidding. Now we shall move forward to accomplish this trick. Follow below;

1. Adding Jquery Code;

Before you implement this trick you will need to add a Jquery code. If you have already added this Jquery code while doing other blogger tricks then you don't need to add it again. Just skip it and go for next step. See below for how to add Jquery code;
  • Go to dashboard>Template>Edit Html.
  • Then in your template search for </head> tag and insert the below code just above </head>;
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js">
</script>
  • Now, save your template and go for next step.

2. Adding The JavaScript Code;

This trick is only possible because of Javascript. We will need to add it. Follow below;
  • Go to you template code;dashboard>Template>Edit Html.
  • Then find for </body> tag and paste the below code  just above </body>.
<script type='text/javascript'>
//<![CDATA[
$(document).ready(function(){ 
var newerLink = $("a.blog-pager-newer-link").attr("href"); 
$("a.blog-pager-newer-link").load(newerLink+" .post-title:first", function() { 
var newerLinkTitle = $("a.blog-pager-newer-link").text(); 
$("a.blog-pager-newer-link").text("<< " + newerLinkTitle); 
}); 
var olderLink = $("a.blog-pager-older-link").attr("href"); 
$("a.blog-pager-older-link").load(olderLink+" .post-title:first", function() { 
var olderLinkTitle = $("a.blog-pager-older-link").text(); 
$("a.blog-pager-older-link").text(olderLinkTitle + " >>");//rgt 
}); 
}); 
//]]>
</script>
  • Now click on template and you are done.

3. Styling The Posts Links;

Sometimes it happens that your post name may be a bit more longer than usual, or you may like to change it's colour to suit your taste. If this is the case then;
  • Add the below CSS code to your blog;
#blog-pager-newer-link  {
font-size:85%;
width:220px;
background:#fafafa;
} 

#blog-pager-older-link {
font-size:85%;
width:220px;
background:#fafafa;
} 
  • You can directly edit the CSS above. Adjust according to your need and save it.

Share this

Related Posts

Previous
Next Post »

18 comments

comments
Anonymous
February 9, 2013 at 11:18 PM delete

Thanks ajaya, this tutoial was a blast for me. Please go on writing the same quality articles in future also ok:)

By way how did you managed to show codes so clearly, please share..

Reply
avatar
Anonymous
March 31, 2013 at 4:07 AM delete

I believe that is among the most vital info for me. And
i'm satisfied reading your article. However wanna statement on some normal things, The web site taste is great, the articles is truly excellent : D. Excellent task, cheers

Check out my homepage bmi calculator for adults

Reply
avatar
Anonymous
April 12, 2013 at 2:01 PM delete

Hey there would you mind stating which blog platform you're working with? I'm looking to
start my own blog in the near future but I'm having a difficult time making a decision between BlogEngine/Wordpress/B2evolution and Drupal. The reason I ask is because your design seems different then most blogs and I'm looking
for something unique. P.S Apologies for getting off-topic
but I had to ask!

Check out my web-site - http://www.youtube.com

Reply
avatar
Anonymous
April 12, 2013 at 8:48 PM delete

hello!,I love your writing so a lot! share we keep up a correspondence extra
approximately your article on AOL? I need an expert in this area to resolve my problem.
May be that is you! Having a look ahead to peer you.


Also visit my blog post: http://lovequotes4u.info/

Reply
avatar
Anonymous
April 16, 2013 at 4:35 AM delete

You can mаke your bаthroom erotic massage.
What could you expесt from erotic massagе resorts?

Aftеr prοpеr eνаluatiοn - you
have to ԁo from work. Complеte the еntire sign
up & ordeгing pгοcesѕ ωіth уouг crеdit саrd to
buy a foгgotten itеm.

Feel fгee to νisіt my ωeblοg .
.. tantra

Reply
avatar
Anonymous
April 18, 2013 at 6:37 AM delete

Simply wish to say your article is as surprising. The clearness in your post
is just nice and i could assume you are an expert on this subject.
Fine with your permission let me to grab your RSS feed to keep up to date with
forthcoming post. Thanks a million and please keep up the rewarding work.


Also visit my web blog: Belva

Reply
avatar
Anonymous
May 20, 2013 at 10:29 PM delete

I always used to study paragraph in news papers but now as
I am a user of internet therefore from now I am using net for
articles or reviews, thanks to web.

my website ... weight loss challenge

Reply
avatar
Anonymous
October 29, 2013 at 9:58 PM delete

An additional issue is that video gaming became one of the all-time largest forms of
entertainment for people of every age group.
Kids play video games, plus adults do, too. Your XBox 360 has become the favorite games systems for individuals that love to have a huge variety of video games available to them, and also who like to relax and play live with other people all over the world.
Thank you for sharing your notions.

Also visit my weblog: facebook sex

Reply
avatar
Anonymous
February 8, 2014 at 12:44 AM delete

Its like you read my mind! You seem to know a lot about this, like you wrote
the book in it or something. I think that you can do with some pics to drive
the message home a bit, but instead of that, this is excellent blog.

A fantastic read. I'll definitely be back.


Also visit my web page :: fwacebook of sex

Reply
avatar
Anonymous
March 3, 2014 at 12:41 AM delete

I discovered your weblog website on google and verify just a few of your early posts.
Continue to keep up the superb operate. I just extra up your RSS feed
to my MSN Information Reader. Seeking forward to reading extra from you afterward!�

Also visit my weblog: sex positions, www.youtube.com,

Reply
avatar
Anonymous
March 19, 2014 at 12:08 PM delete

Hello.This article was really motivating, particularly because I was investigating for thoughts on this matter last week.


Here is my web blog; facebook of sex (www.nifrica.com)

Reply
avatar
Anonymous
March 21, 2014 at 12:21 PM delete

I�m not that much of a online reader to be honest but your blogs really nice, keep
it up! I'll go ahead and bookmark your website to come back down the road.
Many thanks

my blog post: facebookofsex

Reply
avatar
Anonymous
March 21, 2014 at 3:06 PM delete

Great site you have here but I was wondering if you knew of any forums that cover the same topics talked about in this
article? I'd really like to be a part of community where I can get advice from
other experienced individuals that share the same interest.
If you have any recommendations, please let me know. Appreciate it!


Here is my homepage ... free dating search

Reply
avatar
Anonymous
March 24, 2014 at 5:59 PM delete

My spouse and I stumbled over here different web address and thought I might check things out.
I like what I see so now i am following you. Look forward to
exploring your web page repeatedly.

my blog - free of sex

Reply
avatar
Anonymous
March 28, 2014 at 11:21 PM delete

Hi there! Do you use Twitter? I'd like to follow you if that would be ok.

I'm definitely enjoying your blog and look forward
to new updates.

Feel free to visit my web page: facebook dating (http://wiki.my-rpi.de/)

Reply
avatar
Anonymous
April 7, 2014 at 6:06 PM delete

Would you be focused on exchanging links?

Here is my web site adult dating romania

Reply
avatar