Cara Membuat Widget Related Post / Artikel Terkait di Sidebar

Thank you for using rssforward.com! This service has been made possible by all our customers. In order to provide a sustainable, best of the breed RSS to Email experience, we've chosen to keep this as a paid subscription service. If you are satisfied with your free trial, please sign-up today. Subscriptions without a plan would soon be removed. Thank you!

Pada kesempatan kali ini saya ingin membagikan tutorial mengenai cara membuat related post atau artikel terkait. Widget related post ini sendiri merupakan widget yang ada di blog saya ini juga. Lebih jelasnya silahkan tengok ke kanan (sidebar). Nah, kurang lebih widget yang akan saya berikan kali ini seperti itu.

Di atas merupakan screen shoot widget related post yang saya ambil dari blog sebelah. hihihi Nah, bagaimana. Kerenn bukan. Anda sudah tidak sabar ingin memasangnya, okelah langsung cekidot ke langkah-langkahnya :

1. Login ke Blogger

2. Klik Tab Rancangan → Edit Html

3. Tekan CTRL + F dan masukkan kode ]]></b:skin>

4. Letakkan kode di bawah ini di atas kode di atas :

#related-post {
background: none repeat scroll 0% 0% blue;
border: 1px solid blue;
width:300;
color:#fff;
padding-left:4px;
padding-right:4px
}

5. Masih di Edit Html, tekan CTRL + F lagi dan masukkan kode </head>

6. Letakkan kode di bawah ini di atas kode di atas :

<script src='http://cdn.akusukabelajar.co.cc/wp-content/themes/Bloggerpedia/js/relatedpost.js' type='text/javascript'/>

7. Setelah itu Simpan

Setelah proses di atas selesai, silahkan ikuti instruksi di bawah ini :

1. Buka Tab Rancangan → Elemen Halaman

2. Click Tambah Gadget (pilih bagian sidebar) → HTML / Javascript

3. Masukkan kode di bawah ini di kotak munculan :

<div id='related-post'>
<script type="text/javascript">
removeRelatedDuplicates();
printRelatedLabels();
</script>
</div>

4. Setelah itu, click Simpan dan lihat hasilnya. Kalau berhasil jangan lupa pencet tombol Share di atas

nabil_muh_f@yahoo.co.id (NabiL Ftd) 27 Jun, 2011

--
Source: http://www.bloggerpedia.co.cc/2011/06/cara-membuat-widget-related-post.html
~
Manage subscription | Powered by rssforward.com

noreply@blogger.com (New bie) 28 Jun, 2011

--
Source: http://delapan-sembilan.blogspot.com/2011/06/cara-membuat-widget-related-post.html
~
Manage subscription | Powered by rssforward.com