Tutorial Tips Cara Membuat Related Post di Blogspot

 












Related post, dalam bahasa inggris berarti postingan terkait, artikel yang berkaitan atau artikel yang berhubungan. Dibawah ini akan saya jelaskan Tutorial Tips Membuat Related Post di Blogspot. Tentunya anda harus punya akun blogspot.com , Login terlebih dahulu.

1. Cari menu Layout dan klik Edit HTML di Dashboard anda.
2. Jangan lupa centang (tandai) "Expand Widget Templates".
3. Carilah kode </head>
4. Tambahkan kode dibawah ini persis sebelum </head>

<style> #related-posts { float : left; width : 540px; margin-top:20px; margin-left : 5px; margin-bottom:20px; font : 11px Verdana; margin-bottom:10px; } #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 { border : medium none; margin : 10px; padding : 0; } #related-posts ul li { display : block; background : url("https://sites.google.com/site/rhakateza/rss.png") no-repeat 0 0; margin : 0; padding-top : 0; padding-right : 0; padding-bottom : 1px; padding-left : 21px; margin-bottom : 5px; line-height : 2em; border-bottom:1px dotted #cccccc; } </style> <script src='https://sites.google.com/site/rhakateza/p/Related_posts.js' type='text/javascript'/>

5. Sekarang carilah <data:post.body/>. atau pada beberapa template sering dipakai kode <div class='post-body> atau <data:post.body/>.
6. Tambahkan kode berikut ini dibawah kode yang anda cari diatas:

<b:if cond='data:blog.pageType == "item"'> <div id="related-posts"> <font face='Arial' size='3'><b>Related Posts : </b></font><font color='#FFFFFF'><b:loop values='data:post.labels' var='label'><data:label.name/><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if><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> </font> <script type='text/javascript'> removeRelatedDuplicates(); printRelatedLabels(); </script> </div></b:if>

 
7. Saatnya anda simpan atau klik save template dan coba lihat tampilannya, jika tidak ada kesalahan maka akan berhasil dengan baik dan contohnya bisa anda lihat pada Related Post seperti dibawah ini, lumayan tampilannya.

8. Jika Anda ingin mengubah jumlah postingan yang tampil di Related Post, rubah angka max-result pada langkah ke 7 dengan jumlah postingan yang anda inginkan, contoh:

max-result=7 untuk 7 Judul Artikel atau  max-result=8 untuk  8 Judul Artikel   

Jika Anda sebelumnya pernah memasukan plugin atau kode html untuk tombol Like Facebook maka Letakan kode yang nomor 6 diatas pada atas kode Like Facebook. Semoga berhasil ###