Membuat Related Post Blogger - Nih sedikit resep yang konon katanya bisa menunjang SEO sodara sekalian, entah kabar ini sumbernya dari mana, atau mungkin dari tim relawan KPK atau dari Polri saya sendiri juga tidak mengerti. Namun pada dasarnya membuat related post menurut buku primbon saya adalah berguna untuk menbuat pemirsa blog menjadi betah di blog kita, pasal nya pemirsa akan klik judul postingan yang ada erat kaitanya dengan artikel yang sedang dibaca.
Contoh soal dari fungsi related post adalah jika artikel kita berjudul "Gundul-gundul Pacul", maka berilah label yang sama dengan Artikel lain seperti "Gundul Gaul", "Pacul Wasiat", agar supaya yang mana related post nya bener-bener nyambung dengan yang dibaca, atau bisa juga dengan artikel yang masih ada hubungan darah dengan yang sedang dibaca. Begitu jelas.
Nah tanpa menunggu putusan hakim yang kadang bertele-tele, marilah kita mulai sidang kita dalam mebuat related post di blog blogger a.k.a blogspot ini :
1. Berdoa kepada Tuhan semoga berhasil membuat widget related post
2. Login akun blogger sodara sekalian
3. Pilih blog yang akan di beri related post lalu ( Rancangan >> Edit HTML )
4. Jangan ketinggalan KLIK "Expand Template Widget"
5. Cari kode </head> Lalu tempatkan Kode berikut DI ATAS nya
<style>
#related-posts { float : left; width : auto; 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://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5kvgKOllqv42ILdST6qbVwA-SMBzeyvRuourBrsSYwKPD2cv27wtipNwapXESUhg1MeTzflGkspKaev4MZUYN6NKxjhtMPMT1NxaHRnCHhFTowhUiqNGGS3F4mY4WPQzuKxjH6kzp5lxa/s1600/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='http://scriptrelated.googlecode.com/files/relatedpostcampurseo.js' type='text/javascript'/>
6. Nah ntuk memasangnya silahkan cari kode <data:post.body/> atau <div class='post-body>, atau yang dekat2 dengan itu sesuai template sodara sekalian, kemudian letakkan kode ini DI BAWAH nya
<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 != "true"'>,</b:if><b:if cond='data:blog.pageType == "item"'>
<script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels&max-results=5"' type='text/javascript'/></b:if></b:loop> </font>
<script type='text/javascript'> removeRelatedDuplicates(); printRelatedLabels();
</script>
</div></b:if>
7. Simpan Template, dan silahkan di cek hasil nya.
