Cara Membuat Related Post Pada Bloger

Cara Membuat Related Post
Hai sobat blogger, pada kesempatan kali ini saya akan berbagi info mengenai Cara Membuat Related Post atau Postingan Terkait ato apalah namanya yang penting ini merupakan kumpulan link artikel-artikel atau postingan yang pernah kita buat yang memiliki keterkaitan dengan artikel yang sedang dibaca tersebut. Misalnya jika kita membuka halaman blog kita yang berisi suatu artikel, maka pada bagian bawah halaman tersebut akan muncul beberapa link postingan dengan kategori yang sama yang pernah kita buat sebelumnya. Nah, lalu bagaimana cara membuat related post atau artikel terkait pada blog ..?

Yup,, berikut langkah langkah membuat related post pada blog:

1. Login ke akun blogger anda

2. Bagi anda yang menggunakan blogger interface lama pilih Design (Rancangan)=>Edit HTML. Sedangkan jika menggunakan blogger interface yang baru, pilih Template=>Edit HTML, kemudian beri tanda centang pada Expand Widget Templates

3. Setelah itu, cari kode ]]></b:skin> . Jika sudah ketemu masukan kode script berikut diatas kode tersebut

#related-posts { float : left; width : 250px; margin-left : 5px; font-size: 12px; line-height : 1.8em; margin-bottom:10px; }
#related-posts a{ color:#4b4b4b; }
#related-posts a:hover{ color:#ca1717; }
#related-posts .widget { list-style-type : none; margin : 5px 0 5px 0; padding : 0; } #related-posts .widget h2, #related-posts h2 { font-size : 20px; font-weight : normal; margin : 5px 7px 0; padding : 0 0 5px; }
#related-posts a { text-decoration : none; }
#related-posts a:hover { text-decoration : none; }
#related-posts ul { margin : 10px 5px 5px 20px; padding : 0; }
Catatan : Untuk color dan lainnya bisa diedit sesuai selera anda...

4. Langkah selanjutnya, cari kode </head>. Lalu masukkan script berikut diatasnya

<script src='http://hbhost.googlecode.com/files/Related-posts.js' type='text/javascript'/>
5. Eitts.. belum selesai, tinggal satu langkah lagi. Cari kode <data:post.body/>  , jika kesulitan dalam mencari kode tersebut, tekan CTRL+F lalu ketiklah kode <data:post.body/> lalu klik tombol "Highlight all" (terletak dibagian bawah jika anda menggunakan Mozilla Firefox). Geser scroll untuk mencari apabila ada 2 kode <data:post.body/>. Jika anda menemukann 2 kode <data:post.body/>, pilih yang pertama

6. Letakkan kode script berikut dibawah kode <data:post.body/> yang pertama
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='related-posts'>
<div style='font-size:18px'><b>Related Posts:</b></div>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast != &quot;true&quot;'/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=5&quot;' type='text/javascript'/></b:if>
</b:loop>
<script type='text/javascript'> removeRelatedDuplicates(); printRelatedLabels();
</script>
</div>
</b:if>
Catatan : untuk kata "Related Post" dapat diganti dengan kata lain seperti Artikel Terkait atau sesuai selera anda

7. Terakhir, klik Save Template dan lihat hasilnya
 
Sekian Tips Blogging tentang Cara Membuat Related Post atau Postingan Terkait dari saya. Semoga artikel ini bermanfaat.

9 komentar:

  1. follow back yah,,,thanks kunjungannya,,

    BalasHapus
  2. coba dulu ya !
    kalo mau follow,follow duluan,tar di follback :D

    BalasHapus
  3. kenapa ya blog ku setiap di edit HTML selalu aja eror bisa kasi jawaban ,terimakasih

    BalasHapus
  4. @ Henky_Corp
    Silakan dicoba lagi mas, scriptnya sudah saya perbaiki.. Btw errornya gimana mas..? Atau jika masih belum bisa mungkin template blog anda tidak support dengan script ini,,, karena dulu pas saya coba buat related post untuk blog ini saya sudah mencoba beberapa script (kalo ga salah 3 script) yang berbeda2 tapi hanya script diatas yang berhasil untk blog ini. Coba anda cari tentang cara2 membuat related post di blog lain, mungkin ada yang cocok dg blog anda.. :D ;) Happy Blogging... ;)
    Oh iya, alamat blog anda apa? karena blogger profile anda tidak dapat diakses..

    BalasHapus
  5. wahhh jadi ada artikel yang sejenis atau mirip ya ketika membaca artikel :)

    BalasHapus
  6. related post tu kayak apa

    kasih contohnya donk mas

    BalasHapus
  7. mantap artikel tentang related post nya dan bermanfaat dan menjadi simpanan kami untuk desain selanjutnya salam ...blogger ...
    Ambassador Rental Makassar

    BalasHapus
  8. HTML utk template blog tidak bisa diedit ya? error dari blogspot nya apa gimana ya? saya mau ngilangin kotak ads yg saya dpt pas install template :( makasi.

    BalasHapus