Para blogger tentu ingin postingannya banyak dibaca orang. Namun kebanyakan orang hanya mengunjungi satu halaman blog saja, sedangkan artikel-artikel lain tidak disentuh karena sulitnya mengakses artikel lain. Oleh karena itu, fitur Related Post ini sangat bermanfaat untuk meningkatkan Page View Blog kita.

Berikut cara membuat related post di blog:

• Yang pertama, login dulu ke akun google dan buka blogger-mu.
• Buka Perancang Template, lalu klik Edit HTML.
• Untuk jaga-jaga, sebelum mengedit HTML, sebaiknya backup dulu template blog kamu supaya kalau ada kerusakan di blog kamu bisa diperbaiki. Caranya klik Cadangkan./Pulihkan.
• Centang Expand Template Widget.
• Tekan Ctrl+F, lalu search kode </head>.
• Setelah ketemu, copy paste kode berikut tepat di atas </head>.

<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/AVvXsEh7dmPc7jKkTmu-4nEq-zTKMAktXRcus3t9Bjof-UmDiMwEo9RJt4s06_Rzwg36VXVmIymnSIHld-N8YTnmVETUS3c6sGk8qVf3KYEA2LRYT3W53A9sHlex6WhyphenhyphenagcI0wi7bcw7WHmtIK9f/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://yourjavascript.com/519338711/javascript---related-post.txt.js' type='text/javascript'/>

• Kemudian, cari kode  <data:post.body/> atau <div class='post-body>.
• Setelah ketemu, copy paste kode berikut tepat di bawahnya.

<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><br /> </div> </b:if>

• Klik Simpan, dan lihat hasilnya.