Cara Mengubah Older Post Menjadi Judul Artikel Selanjutnya / Sebelumnya

Oleh Unknown

Tuesday 16 October 2012

Bagikan :

Tweet

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 ^_^

Tag : Tutorial Blog