How To Supersede Older/Newer Ship Service Buttons Alongside Ship Service Titles Inwards Blogger

You must accept seen roughly pop blogs who accept replaced older in addition to newer shipping service buttons alongside shipping service titles in addition to yous must last wondering that “how to produce it?” Therefore, today inward this article, nosotros volition exhibit yous how to supersede older/newer shipping service buttons alongside shipping service titles inward blogger.

When yous supersede older in addition to newer shipping service buttons alongside your shipping service titles thence it shows the professionalism in addition to helps your reader to detect out that what genuinely they are missing, alongside reference to your former post. In this means yous tin forcefulness out larn to a greater extent than exposure for your older posts every bit good which is why many pro bloggers are using this tactic.

So, hither are the steps which yous ask to follow inward gild to supersede that older in addition to newer shipping service buttons alongside your shipping service titles. Now without taking your fourth dimension more, we’d asking yous to larn towards the steps; 

First of all, Sign inward to your Blogger blog, become to Template >> Edit HTML >> search for </head> tag. After finding </head> tag, glue the next code higher upward it. (Note: Only follow this pace if yous are non using whatever jquery.min.js file on your template) thence last certain yous start search for jquery.min.js.

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>

Now, yous ask to click on Layout from the sidebar in addition to thence choose Add a Gadget. From the listing of gadgets search for HTML/JavaScript and choose it. Now yous ask to glue the next code inward the HTML Text box.

<style type="text/css">
#blog-pager-newer-link {font-size:85%;width:200px;text-align:left;}
#blog-pager-older-link {font-size:85%;width:200px;text-align:right;}
</style>

<script type="text/javascript">
$(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 inward terminal yous ask to click on Save button. 

You are done now. Now older in addition to newer shipping service links volition last replaced alongside your shipping service titles. We are certain it would accept been proven helpful for yous guys. If yous accept whatever queries to enquire thence lend them inward the comment box. We shall larn dorsum to yous every bit shortly every bit possible.

Was it helpful? If it was thence don’t forget to portion this article alongside your other friends on Facebook, Twitter or Google+.