Breaking


Sunday, 26 February 2012

Newer Post, Older Post ???? ?? Post Title ?? ????

blogger-blogspot-older-posts-newer-post-link-with-titlenewer post , older post ???? ????? ?? ????? ?? ???? ????? ?????? ?? ????? ???? ?????? ?? ???? ???? ?????? ??? ??? ??? ??? ?? hindi4tech ?? ?? ??? ??? ????? ??? ?? ?? ???? newer post, older post ???? ?? post title ?? ???? ???? .. ???? ???? ??? ????????? ?? ????? ?? sidebar ????? ??? ??? ?? ??? ?? ???????? ??? ??? ... ?????? ?? ?????? ?? ?? ????? ?? ????? ????? ?? ????? ???? newer post , older post ???? ?? post title ?? ???? ?? ???? ?? ? ????? ?? ????? ?? ?? ???? ?? ???? screenshot ???? ?? ?? ???? ????? ?? ??? ??? ????? ?????

Live Demo





  • ???? ???? ?????? ???? ??? ?????? ??? , ???? ???? Blogger--->Design--->Edit HTML
  • ?? ??? expand widget template cheakbox ?? ????? ???
  • ?? keyboard ?? ctrl+F ????? ????? ? ???? </head> ??? ?????
  • ?? ?? ??? ?? ??? ??? ??? ???? ???? ??? ???? ??? ????? ??? ??

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

????? ?? :-??? ???? ????? template ??? Ajax 1.4.4 jQuery script ???? ?? ?? ?????? ?? ?? ?????? ?? script ??? ?? ???? ????? template ??? ? ????

????? ?? ????? ?? ???? ?? ???
  • ???? ???? Blogger--->Design--->Page Element
  • ???? Add a Gadget ?? ????? ???
  • ???? html/javascript ????? ????
  • ???? ????? ??? ???? ??? ???? ??? ?? ? ????? ??? ??? :))

<!-- Add Newer, Older and Home Links With Post Titles by hindi4tech.blogspot.com -->
<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>
<!-- Add Newer, Older and Home Links With Post Titles by hindi4tech.blogspot.com -->

No comments:

Post a Comment