cara membuat related post di blog bannerfans_36599691

Wednesday, May 2, 2012

cara membuat related post di blog


Hai sobat blogger,
langsung saja  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 memilikiketerkaitan 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 berikutdiatasnya
<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.sekian dan terima kasih


Baca Artikel lainya:

5 comments:

  1. penjelasannya terlalu singkat, aya rada lamban, maklum lagh, new blogger, jelasin lagi dunk....., mslh saya yaitu saya tidak melihat perubahan setelah codingnya saya copy

    ReplyDelete
  2. mungkin kodenya error makasi sebelomnya ...karna sudah mw mengunjungi blog saya langsung saja

    http://ngasar.blogspot.com/2012/05/cara-membuat-artikel-terikat.html

    ReplyDelete
  3. pa tidak membuat loding blog berat?

    ReplyDelete
  4. Andika Priyanto.. tidak jugak kok sob... isi kan isi html huruf bukan gambar/warna yang bergerak......
    makasi sebelom nya

    ReplyDelete
  5. terima kasih infonya,related post ini memang sangat direkomendasikan

    ReplyDelete