Cara Membuat Related Post yang Menarik

       Salam, sobat bloger semuanya kali ini saya akan menulis postingan tentang ~^Cara Membuat Related Post yang Menarik^~ sebenarnya saya dulu bingung untuk memasangkan trik ini ke blog saya sendiri sampai-sampai cari diblog orang masih gak ketemu gagal terus, tapi disini saya sudah berhasil menerapkan trik ini ke blog saya sendiri, eeehh.... tau gak para blogger kelebihan dari related post ini ternyata blog kita dapat cepat meningkatkan ratio page views serta membuat para pengunjung betah tinggal di blog, baiklah cukup basa-basinya jangan terlalu lama ayo ikuti langkah-langkah berikut :

pertama : masuk dulu ke Blogger

kedua : pilih Tata Letak

ketiga : tambahkan gadget di laman anda dengan gadget "Html/Javascript"

Keempat : masukkan kode dibawah ini kedalam konten "Html/Javascript" lalu klick Simpan

<styletype="text/css"> #rp_plus_img{height:375px;overflow:hidden;border:0;padding:6px 10px 14px 5px;background: transparant;} #rp_plus_img ul{list-style-type:none;margin:0;padding:0} #rp_plus_img li{border:solid 1px #585858; margin:0; padding:0; list-style:none;} #rp_plus_img li{height:85px;padding:5px;list-style:none;} #rp_plus_img a{color:#000;} #rp_plus_img .news-title{display:block;font-weight:bold !important;margin-bottom:4px;font-size:12px;} #rp_plus_img img{float:left;margin-right:14px;padding:4px;border:solid 1px #585858;width:65px;height:65px;} </style> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script><script type="text/javascript"src="http://permathicblog.googlecode.com/files/Slideshow%20Postingan.js"></script> <script type="text/javascript"> var speed = 1500; var pause = 3500; $(document).ready(function(){ rpnewsticker(); interval = setInterval(rpnewsticker, pause); }); </script> <ul id="rp_plus_img"> <script style="text/javascript"> var numposts = 5; var numchars = 20; </script> <script src="/feeds/posts/default?orderby=published&alt=json-in-script&callback=rpthumbnt"></script> </ul>

lalu klick simpan, satu lagi tambahan untuk menjadikan related post tersebut tidak muncul dihalaman awal/page awal blog anda maka anda masuk ke Template =>> Edit Html dan cari judul post populer anda misalnya "Post Populer"dan ganti kode yang berada ditengah-tengah widget lihat rinciannya ....

<b:widget id='HTML11' locked='false' title='Popular Posts' type='HTML'>
 <b:includable id='main'><b:if cond='data:blog.pageType ==  &quot;item&quot;'><h2 class='title'><data:title/></h2><data:content/><b:include name='quickedit'/></b:if></b:includable></b:widget>

kode yang ditandai warna merah silahkan ganti menjadi kode dibawah ini :

<b:includable id='main'><b:if cond='data:blog.pageType == &quot;item&quot;'><h2 class='title'><data:title/></h2>
<data:content/><b:include name='quickedit'/></b:if></b:includable>

sekian postingan dari saya jika anda ingin melihat hasilnya, dibawah postingan terdapat Related Post yang sudah jadi...

semoga bisa bermanfaat bagi anda jangan lupa tinggalkan komentar jiga anda blogger sejati "hehe" sselamat mencoba.