Merubah Navigasi Next Prev Blogspot Dengan Judul Posting

9:04 AM
 Membuat navigasi blogspot dengan menampilkan judul post tentu membuat para pengunjung cukup tertarik untuk mengkliknya, apalagi kalau judul artikel tersebut menarik dan membuat penasaran, cara membuatnya:

1. Setelah login di blogger, pilih rancangan/tata letak kemudian pilih edit template terus centang expand template widget.

2. Copy script dibawah ini lalu letakkan (paste) di bawah ]]></b:skin>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>

Keterangan: Jika sudah ada script itu di template kamu (biasanya untuk fitur slide) berarti kamu tidak perlu pasang lagi, langsung ketahap ke 3 aje. klik simpan/save.

3. Pindah ke elemen halaman, klik tambah gadget dan pilih html/javascript, copy paste script dibawah ini:
<style type="text/css">
#blog-pager-newer-link {font-size:85%;width:200px;text-align:left;}
#blog-pager-older-link {font-size:85%;width:200px;text-align:right;}
</style>
<script type="text/javascript">
$(document).ready(function(){
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").text();
$("a.blog-pager-newer-link").text("<< " + newerLinkTitle);
});
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
});
});
</script>

4. Klik save dan navigasi pager blogspot kamu sudah berubah menjadi judul post sebelum dan sesudah artikel yang sedang dibaca.
Previous
Next Post »