Mengganti Tulisan Older Post dan Newer Post Dengan Judul Postingan

Mengganti Tulisan Older Post dan Newer Post Dengan Judul Postingan adalah suatu yang penting agar pengunjung bisa tahu artikel sebelumnya atau sesudahnya. Dari dulu saya sulit sekali mencari tutorial ini, tetapi setelah blogwalking akhirnya menemukan tutorial ini dari bloggersentral.com. Terrnyata membuatnya menggunakan j-query. Berikut screenshotnya :

Untuk membuatnya ikuti langkah langkah di bawah ini :

• Masuk ke Blogger.com
• lalu klik menu design kemudian klik edit HTML
• Kemudian cari kode </head>
• 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>

• Klik menu Page Element lalu add gadget HTML

• Tambahkan kode dibawah ini di gadget HTML

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

• Save