Cara Membuat Related Post/Artikel Terkait Dibawah Posting

Ahahah dari tadi keasyikan maen game akhirnya sampe lupa posting, soalnya Kraenga  Francisco hobby main game pc, ya ia lah komputer, saya rakit khusus buat game ngapain kalau hanya buat ngetik mulu kkikikiki…..lansung kembali ke laptop saja ya, membuat Related Post/ Artikel Terkait dibawah posting merupakan artikel selabel atau artikel sekategori dengan artikel yang bersangkutan. Contonya jika saya membuat suatu artikel dengan memberi label tutorial maka semua artikel yang berkaitan atau berhubungan akan menampilkan artikel yang berada pada label tutorial.

Untuk Melihat Contoh hasilnya akan seperti gambar dibawah ini.

Berikut ini langkah-langkah untuk membuat related post/artikel terkait dibawah posting.

Pertama, Login ke akun blog blogger anda.

Kedua, Pilih Template..

Ketiga, Untuk Menjaga template anda, silahkan download dulu template, klik dawnload template lengkap yang berada pada samping pojok kanan.

Keempat, Klik Edit HTML, Klik Lanjutkan, kemudian jangan lupa untuk Expand Template Widget.

Kelima, gunakan Ctrl F atau F3 cari kode </head> dan letakkan kode berikut dibawah kode </head>

<style type='text/css'> #related-posts { float : left; width : 100%; 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(&quot; http://kraeng-francisco-tutorial.googlecode.com/files/link_16.png&quot;) 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=' http://kraeng-francisco-tutorial.googlecode.com/files/Artikelterkait.js' type='text/javascript'/>

Keenam, Selanjutnya cari kode <data:post.body/> dan kemudian pastekan kode berikiut tepat dibawah <data:post.body/>

<b:if cond='data:blog.pageType == "item"'>
<div id="related-posts">
<font face='Arial' size='3'><b>Artikel Terkait : </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>

Cacatan : Jika pada template teman-teman terdapat 2 kode <data:post.body/> maka letakkan di bawah kode <data:post.body/> yang ke 2.

Ketujuh, Klik Pritinjau Untuk melihat tidak terjadi kesalahan eror, lalu klik Simpan Template.

'Selamat mencoba dan semoga bermanfaat. Trima Kasih'