Membuat Daftar Related Post pada Blog

Bagi anda pemilik blog pasti ingin para pengunjung blog anda lebih lama atau merasa betah dengan konten-konten anda yang menurut mereka memang sedang dicarinya. Untuk alasan itu saya akan memberikan cara unutk membuat daftar related post atau daftar judul post yang yang mempunyai tema / label yang sama dengan posting yang tampi.


Ini langkah-langkahnya :

1. Masuk ke Blogger terlebih dahulu.
2. Pilih Design >> Edit HTML. Centang check box Expand Widget Templates.
3. Cari tulisan </head>.
4. Lalu ketikan script di bawah ini tepat diatasnya :

<!--Related Posts Scripts and Styles Start--><br /> <!--Remove--><b:if cond='data:blog.pageType == "item"'><br /> <style type="text/css"> #related-posts { float:center; text-transform:none; height:100%; min-height:100%; padding-top:5px; padding-left:5px; } #related-posts .widget{ padding-left:6px; margin-bottom:10px; } #related-posts .widget h2, #related-posts h2{ font-size: 1.6em; font-weight: bold; color: black; font-family: Georgia, “Times New Roman”, Times, serif; margin-bottom: 0.75em; margin-top: 0em; padding-top: 0em; } #related-posts a{ color:blue; } #related-posts a:hover{ color:blue; } #related-posts ul{ list-style-type:none; margin:0 0 0px 0; padding:0px; text-decoration:bold; font-size:15px; text-color:#000000 } #related-posts ul li{ background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjODNKu78WGVx7R6ndadzj3YmuHEi6JQ6LeP3zEFe95QAQI27vqwL9gegTnXiulYbNzLPACru6kSlu5YrvQ0-0eTZZAAIDSHhzvUgaYkCTTu43elVzoKJiYbEMWaeXzpjWlB7_sBVQ6As/s200/greentickbullet.png) no-repeat ; display:block; list-style-type:none; margin-bottom: 13px; padding-left: 30px; padding-top:0px;} </style><br /> <br /> <script type='text/javascript'> var relatedpoststitle="Related Posts"; </script><br /> <script src='http://blogergadgets.googlecode.com/files/related-posts-for-blogger.js' type='text/javascript'/> <!--Remove--></b:if> <!--Related Posts Scripts and Styles End--> </head>

5. Kemudian cari tulisan 

<div class='post-footer-line post-footer-line-1'> 

atau

<p class='post-footer-line post-footer-line-1'>

jika tidak menemukan juga coba cari tulisan seperti diatas namun hilangkan angka satu diujung. 

6.Dan ketikan script dibawah ini tepat dibawahnya :

<!-- Related Posts Code Start--><br /> <br /> <!--Remove--><b:if cond='data:blog.pageType == "item"'><br /> <div id='related-posts'><b:loop values='data:post.labels' var='label'><br /> <br /> <b:if cond='data:label.isLast != "true"'><br /> </b:if><br /> <b:if cond='data:blog.pageType == "item"'><br /> <br /> <script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels&max-results=6"' type='text/javascript'/></b:if></b:loop><a href='http://www.bloggerplugins.org/2009/08/related-posts-for-blogger-widget.html'><img style="border: 0" alt="Related Posts Widget for Blogger" src="http://image.bloggerplugins.org/blogger-widgets.png" /></a> <script type='text/javascript'> var maxresults=5; removeRelatedDuplicates(); printRelatedLabels("<data:post.url/>"); </script><br /> </div><br /> <!--Remove--></b:if><br /> <!-- Related Posts Code End--><br /> <br />

6. Simpan template dan related post sudah ada di blog anda.

Untuk pengaturan banyaknya judul yang akan ditampilkan dapat di seting pada tulisan var maxresults='jumlah judul yang akan ditampilkan.