Jumat, 06 April 2012

Ubah Older / Newer Link Menjadi Judul Artikel Selanjutnya / Sebelumnya

Cyber4rt | 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).
Ubah Older / Newer Link Menjadi Judul Artikel Selanjutnya / Sebelumnya

  • Login ke Blogger.com dan langsung menuju ke Template > Edit HTML. Jangan lupa mem-backup script template terlebih dahulu.
  • Letakkan kode berikut ini sebelum </head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
  • Lalu, SAVE Template
  • Tambahkan kode di bawah ini ke gadget dengan menambahkan widget Javascript/HTML. Posisinya bebas dan tanpa judul
<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>
  • SAVE gadget Javascript/HTML. Sekarang coba buka blog kamu, dan lihat dibawah posting, apakah link older post dan newer post sudah berubah dan yang muncul adalah judul artikel atau postingannya ???
Semoga berhasil, terima kasih.

0 komentar:

Posting Komentar