Merubah Navigasi Next Prev Blogspot Dengan Judul Posting
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>
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:
4. Klik save dan navigasi pager blogspot kamu sudah berubah menjadi judul post sebelum dan sesudah artikel yang sedang dibaca.
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.