Ganti Next - prev navigasi blogspot dengan judul post ~ Seo Blogger

Sobat mungkin sering melihat blog atau website dengan mesin wordpress yang menggunakan navigasi next-prev pager menggunakan judul post sedangkan home tetap. Trik tersebut sangat menarik karena memancing para pembaca dan pengunjung blog untuk melihat artikel sebelum dan sesudah dari post yang sedang dibaca, karena yang tampil adalah judul artikelnya. Trik ganti next-prev pager di blog ini belum terbukti apakah menunjang/mengoptimalkan seo (search engine optimization) blog kita, namun secara logika trik ini cukup berhubungan dengan seo karena jika kita ganti next-previous dengan judul post sesudah dan sebelumnya, lalu visitor ngeklik so bisa dipastikan konversi blog (klik didalam satu blog)akan meningkat dan google sangat serta search engine lain sangat menyukai konversi blog yang bagus.

Blogger juga bisa dipasang next-prev navigasi dengan judul post seperti itu dan trik ini saya dapat dari blog greenlave, thanks to www.bloggersentral.com melalui artikelnya Replace Older & Newer post links with post titles. Jika ingin lihat tutorial aslinya silahkan ke blog tersebut but kalo ingin lanjut saya akan berikan triknya dibawah ini.

1. Setelah login di blogger, pilih rancangan/tata letak kemudian pilih edit template terus centang expang 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>