How to add post title under newer and older links

Sometimes you need to show your readers what are your next or previous posts in your blog. In this casse, the reader will more likely to click on you newer or older post links, and thus you want views for your blog, more visits, and better gain more page rank on Google. How does that sound? It's great, right!. So how you do of it it's simple, just follow the steps below.

Make sure you back up your template before making any changes.

Step 1: Go to template = > edit HTML = > proceed = > click Expand widget templates box.

Step 2: Paste this code above/before < / head > tag. (Press CTRL + F to find < / head >)

< script src='http://code.jquery.com/jquery-latest.js "type ='text / javascript'/ >

Step 3: Place this code above/before < / body > tag.

< b: if cond ='data: blog.pageType == & quot; item & quot;'> < script type ='text / javascript' > / / post titles to older post and newer post links (without stats skew) / / by MS potilas-2012 Lake http://yabtb.blogspot.com/2012/01/add-post-titles-to-older-and-newer-post.html / / 28) title = title.replace(/ [^]+$/, "...")} return title;} $(window).load(function() {window.setTimeout(function() {var href = $("a.blog-pager-newer-link").attr("href"); if(href) {href = href.replace(/\.blogspot\. []}}}^ /] + \ / /, ". blogspot.com /"); var title = urlToNavTitle [href]; If(!title) title=urlToPseudoTitle(href); If(title) $("a.blog-pager-newer-link").html("& lt; & lt; Newer post < br / > "(+ title);" } href = $("a.blog-pager-older-link").attr("href"); If(href) {href = href.replace(/\.blogspot\. []}^ /] + \ / /, ". blogspot.com /"); var title = urlToNavTitle [href]; If(!title) title=urlToPseudoTitle(href); If(title) $("a.blog-pager-older-link").html("Older post & gt; & gt; < br / >" (+ title); " }}, 500); }); [[/ /]] > < / script > < / b: if > < a href="http://www.blogonblogspot.com/" > gadget by blog on blogspot < /a > "