How to Change Older and Newer posts with Post Titles for Blogger


How to Change Older and Newer posts with Post Titles for Blogger
Now i'm administration a air-conditioned trips for blogger how to Change posts Navigation Links Newer posts and earlier posts by the Corresponding Post Titles for your blog.Its a  Awesome & nice Blogger Hack lets your blog visitors to Know Newer and Earlier posts at accurately and they can go to that Posts. It will advice any blog to attending beautiful.

Recommended:How To Style Your Blog Comments

Just Follow The simple step:

Add Jquery script:

>>>>> Copy and paste the below code before </body

<br />
<!--Start post title http://bloggtrips.blogspot.com --><br />
<a href='http://netoopsblog.blogspot.com'><img src='http://1.bp.blogspot.com/-RikrI-c_pyQ/T2DTcP6aMvI/AAAAAAAAAL0/H6v7PVoHM_w/s1600/1x1juice.png'/></a><br />
<b:if cond='data:blog.pageType == &quot;item&quot;'><br />
<script type='text/javascript'>/*<![CDATA[*/var urlToNavTitle={};function getTitlesForNav(d){for(var c=0;c<d.feed.entry.length;c++){var e=d.feed.entry[c];var b="";for(var a=0;a<e.link.length;a++){if(e.link[a].rel=="alternate"){b=e.link[a].href;break}}if(b!=""){urlToNavTitle[b]=e.title.$t}}}document.write('<script type="text/javascript" src="http://'+window.location.hostname+'/feeds/posts/summary?redirect=false&max-results=500&alt=json-in-script&callback=getTitlesForNav"><\/script>');function urlToPseudoTitle(a){var b=a.match(/\/([^\/_]+)(_.*)?\.html/);if(b){b=b[1].replace(/-/g," ");b=b[0].toUpperCase()+b.slice(1);if(b.length>28){b=b.replace(/ [^ ]+$/,"...")}}return b}$(window).load(function(){window.setTimeout(function(){var a=$("a.blog-pager-newer-link").attr("href");if(a){var b=urlToNavTitle[a];if(!b){b=urlToPseudoTitle(a)}if(b){$("a.blog-pager-newer-link").html("&lt;&lt; Newer Post<br />"+b)}}a=$("a.blog-pager-older-link").attr("href");if(a){var b=urlToNavTitle[a];if(!b){b=urlToPseudoTitle(a)}if(b){$("a.blog-pager-older-link").html("Older Post &gt;&gt;<br />"+b)}}},500)});/*]]>*/</script><br />
</b:if><br />
<a href='http://bloggtrips.blogspot.com/'><img src='http://1.bp.blogspot.com/-RikrI-c_pyQ/T2DTcP6aMvI/AAAAAAAAAL0/H6v7PVoHM_w/s1600/1x1juice.png'/></a><!--End post title http://bloggtrips.blogspot.com/ -->


Add CSS code:

>>>>> Add the following css code before ]]></b:skin>

.blog-pager-newer-link {background-color:transparent !important;padding: 0 !important;}
.blog-pager-older-link {background-color:transparent !important;padding: 0 !important;}
#blog-pager-newer-link {padding:5px;font-size:90%;width:200px;text-align:left;}
#blog-pager-older-link {padding:5px;font-size:90%;width:200px;text-align:right;}
#blog-pager{height:100% !important;}


Dear readers if you like my post please share it with  your friends & Facebook or other social networks.


Copyright: © BLOG TIPS BD Proudly Powered By: Blogger
Design By: Md. Ariful Islam