Home » » Ganti Next - prev navigasi blogspot dengan judul post

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.


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

5. Enjoy itSumber :http://seoblogger4.blogspot.com/2011/08/next-prev-navigasi-dengan-judul-post.html#.T84_RIH1DZ5

0 comments:

Post a Comment

Subcribe Me

Subscribe via RSS Feed If you enjoyed this article just click here, or subscribe to receive more great content just like it.

Buku Tamu

 
Support : Your Link | Your Link | Your Link
Copyright © 2013. HIMA SEJARAH UR - All Rights Reserved
Template Created by Creating Website Published by Mas Template
Proudly powered by Blogger