Welcome Enjoy Tutorials

Liked us?

Thursday, May 30, 2013

Change the Navigation links for the Title Post On Blogger

The navigation links are listed at the end of the entrance and say: Check latest Post, Post Older, although very useful, would be more useful instead of appearing these links appear the title of the post, this will undoubtedly attract more visitors.

This is just what I'm going to teach today, as changing these links and put in place the title of the Post.


Before:


 After:


To add this trick to your blog, go to Template, Edit HTML and paste before </ head> the following:


<script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>



Now go to Design, Add Gadget, and HTML / JavaScript paste the following:


 <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:first").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><style type="text/css">
#blog-pager{font-family: Arial,helvetica,sans-serif;font-size: 14px;}#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>


With this last step ended the trick, and you've added this great trick to your blog
Enhanced by Zemanta

No comments :

Post a Comment

Botones Isometricos de Social Media




Barra Lateral Fija