Ganti Next - prev navigasi blogspot dengan judul post

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>

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

5. Enjoy it
Previous
Next Post »

8 comments

Click here for comments
Unknown
admin
25/8/11 ×

G bisa Gan mohon pencerahanya...Tutor dah ane ikutin sesuai apa yg dijabarkan Agan.

Reply
avatar
Clommo Trust
admin
5/9/11 ×

Saya coba beberapa kali ko gak ada hasilnya gan... ada kesalahan apa ya? padahal tut sudah di laksanakan semua. mohon maaf gan baru coba.

Reply
avatar
Ahmad Subhan
admin
5/10/11 ×

ok deh om..

Reply
avatar
7/11/11 ×

wah mantap mas hans hensom, hehe
boleh dicoba ni buat blog saya , makasi info2 bermanfaatnya mas

Reply
avatar
infoklik
admin
14/3/12 ×

trims y gan info nya..ane coba dlu.

Reply
avatar
Zanetti
admin
5/6/12 ×

Mantaff gan informasinya, hatur nuhun . . .

Reply
avatar
9/10/12 ×

Mantep gan saya cari merubah ke judul untuk kode tampilan judul baru ketemu ini gan makasih ya

Reply
avatar
19/10/12 ×

Sippp Tutornya...
alhamdulillah jadi di blog ane...

Reply
avatar
Posting Komentar
Thanks for your comment