Tuesday, October 16, 2012

Cara Mengubah Older Post Menjadi Judul Artikel Selanjutnya / Sebelumnya



Kali ini kita akan memodifikasi link older post dan newer post dibawah posting blog menjadi langsung menuju artikel selanjutnya maupun ke postingan yang lebih lama (yang ditampilkan adalah link judul artikelnya langsung).

  • Login Ke Blogger
  • Klik Template >> Edit HTML
  • Cari Code :
</head>
  • Letakkan Code Berikut Sebelum Code Tadi
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
  • Lalu, SAVE Template
  • Buka Rancangan >> Add Gadget/Tambah Gadget >> Edit HTML/Javascript
  • COPAS Code berikut :
<style type="text/css">
#cyber4rt-pager-newer-link {font-size:12px;width:200px;float:left; text-align:left;}
#cyber4rt-pager-older-link {font-size:12px;width:200px;float:right; text-align:right;}
</style>
<script type="text/javascript">
$(document).ready(function(){
var olderLink = $("a.cyber4rt-pager-older-link").attr("href");
$("a.blog-pager-older-link").load(olderLink+" .post-title:first", function() {
var olderLinkTitle = $("a.cyber4rt-pager-older-link").text();
$("a.blog-pager-older-link").text(olderLinkTitle + " >>");//rgt
});
var newerLink = $("a.cyber4rt-pager-newer-link").attr("href");
$("a.blog-pager-newer-link").load(newerLink+" .post-title:first", function() {
var newerLinkTitle = $("a.cyber4rt-pager-newer-link:first").text();
$("a.blog-pager-newer-link").text("<< " + newerLinkTitle);
});
});
</script>
  •  Lalu simpan n liat hasil nya !!!!!

Good Luck ^_^

NEXT ARTICLE Next Post
PREVIOUS ARTICLE Previous Post
NEXT ARTICLE Next Post
PREVIOUS ARTICLE Previous Post

320x50

banner image
 

Agen FOREDI TANGERANG