Change newer and Older post to Name Of posts

This is very helpfull tricks for blog visitor find posts easily and your blog look friendly very helpfull trick for blog

Change newer and Older post to Name Of posts

Change newer and Older post to Name of posts



  • Go to blogger.com

  • template>edit HTML

  • Simple Click in code area and find(CTRL+F)

  • Find this </body>

  • Copy following coe and paste before </body>




<br />
<!--Start post title http://onlinehelperblogblog.blogspot.com --><br />
<a href='http://onlinehelperblogblog.blogspot.com'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh88TIf2fqiDOTfJd4Lf-F4CxzXYOuCM6Lbr7sqSBnnKRvpMzwHwfxo6MmP9RzrKNOBlQnyWAAquqMRP9ACJmE35RBRgdMJ22_o6Y6YJU-UheTxD4murashik1ADxzG4f-iAn_DfVigaVw/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://onlinehelperblogblog.blogspot.com'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh88TIf2fqiDOTfJd4Lf-F4CxzXYOuCM6Lbr7sqSBnnKRvpMzwHwfxo6MmP9RzrKNOBlQnyWAAquqMRP9ACJmE35RBRgdMJ22_o6Y6YJU-UheTxD4murashik1ADxzG4f-iAn_DfVigaVw/s1600/1x1juice.png'/></a><!--End post title http://onlinehelperblogblog.blogspot.com -->



Find again ]]></b:skin>


paste following 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;}



Save it and enjoy changing your blog BLogger Widgets
Post a Comment (0)
Previous Post Next Post