Mengganti Older Newer Link Post dengan Judul Postingan

Teringat beberapa saat lalu sebelum masa vakum lama, saya sempat ngobrol dengan beberapa teman Blogger seperti master ben-ben, salah satunya adalah keinginan saya untuk memodifikasi link ke postingan lama dan ke postingan baru bergaya wordpress sehingga yang muncul adalah judul artikel atau postingannya. Sebenbarnya untuk template classic blogger hal ini sudah bisa diterapkan sejak lama, namun untuk custom template saya baru mendapatkan infonya saat masa-masa vakum tersebut. Akhirnya percobaan yang gagal terus menerus itu terbuka sudah, saya temukan trik ini dalam postingan GreenLava.

Artikel sebelumnya yang berkaitan:
- Mengganti Older Newer Link Post dengan Gambar
- Mengganti Tulisan Poskan Komentar
- Modifikasi Shoutmix Buku Tamu

Nah, ternyata trik mengganti older newer link post menjadi judul artikel ala wordpress ini dapat diapliaksikan dengan JQuery. Contohnya bisa Anda lihat di Sharing Blog ini: Video Ramalan Deddy Corbuzier. Link yang seharusnya bertuliskan posting lama dan posting lebih baru telah berganti menjadi << Apakah Facebook di Hack? di bagian kiri dan Lukisan Pahlawan-pahlawan Indonesia >> di sebelah kanan. Ini adalah salah satu hack Blogger yang paling saya nanti-nanti. Jadi, mari kita coba....

Untuk membuatnya sangat mudah. Silahkan Anda login ke blogger dan masuk ke bagian Edit Template (Dashboard -> Rancangan -> Edit HTML). 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>

Kemudian tambahkan kode di bawah ini ke gadget HTML letakkan terserah di Elemen Halaman Anda.

<style type="text/css">
#blog-pager-newer-link {font-size:12px;width:200px;float:left; text-align:left;}
#blog-pager-older-link {font-size:12px;width:200px;float:right; text-align:right;}
</style>
<script type="text/javascript">
$(document).ready(function(){
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
});
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);
});
});
</script>

 

Silahkan atur ukuran font dan lebar area link pada yang berwarna biru. Silahkan mencoba dan semoga bermanfaat. Hari ini Minggu, artinya.... inilah waktu untuk membuat diri Anda kembali fresh...