Membuat Post Terkait/Related Post

Membuat Post Terkait, adalah salah satu hal yang cukup penting dalam sebuah blog. Karena dengan ini bisa meningkatkan jumlah pengunjung dalam blog kita. Setiap pengunjung yang sedang membaca artikel dalam blog kita kemudian melihat di bawah artikel tersebut terdapat artikel terkait maka kemungkinan pembaca akan melihat artikel terkait yang mungkin menarik.

Berikut ini akan saya berikan sedikit cara membuat artiket terkait dalam blogger. Semoga bermanfaat!

1. Login ke akun blogger anda
2. Setelah masuk tampilan utama pilih "Template"
3. Pilih "Edit HTML"
4. Jangan lupa centang pada pilihan "Expand Template Widget"
5. Setelah muncul semua cari "</head>"(bisa menggunakan CTRL+F untuk mencari)
6. Letakkan kode berikut diatas kode head tersebut

<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(&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJvcYKWcy8R89PMYAU9kMigMGCz8FcAlymdZXeFvwVJXlzAyBne3nsbR6AjJJClGiZmiQgrZQrTXTZYyUk6KtEDE3_l9ilfJxzHSJdWSElxDvladXtUd449IFeh2DnzTVRwVSLRsdX8VA/&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>

7. Cari kode "<data:post.body/>", kemudian letakkan kode berikut ini dibawahnya(biasanya ada 3 kode tersebut, letakkan pada kode tersebut)


<br/><br/><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>

8. Simpan Template

Semoga yang sedikit ini bermanfaat!!

Ditunggu komen-komennya!!!