Cara Membuat Related Post Blogger

Mungkin anda pernah berkunjung atau melihat, ada banyak link-link dibawah posting, bertuliskan Related Post atau posting yang berkaitan, related posting atau posting yang berkaitan sangat bermanfaat untuk pengunjung sobat, untuk menemukan artikel-artikel yang temanya hampir ada kaitannya antara posting yang satu dengan yang lainnya, lantas bagaimana si caranya membuat related posting (posting yang berkaitan), ok, yuk kita coba bersama, untuk membuat posting yang berkaitan pada blog kita.




1.Anda login ke akun blogger anda.


2.Pada dashbor, anda klik Template pada sisi kiri dashbor.


3.Anda, save dulu atau simpan template anda, untuk jaga-jaga kalau terjadi kegagalan setting.


4.Bila sudah anda klik Edit HTML > Proceed.


5.Anda cel list expand widget templates, cari kode </head>, atau cara mudahnya Ctrl+F, ketik kode </head> pada kolom yang muncul.


6.Sekarang anda paste kode berikut diatas </head>.

<!--Related Posts Scripts and Styles Start--> <!--Remove--><b:if cond='data:blog.pageType == "item"'> <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(http://2.bp.blogspot.com/_u4gySN2ZgqE/SnZhv_C6bTI/AAAAAAAAAl4/Rozt7UhvgOo/s200/greentickbullet.png) no-repeat ; display:block; list-style-type:none; margin-bottom: 13px; padding-left: 30px; padding-top:0px;} </style> <script type='text/javascript'> var relatedpoststitle="Related Posts"; </script> <script src='http://blogergadgets.googlecode.com/files/related-posts-for-blogger.js' type='text/javascript'/> <!--Remove--></b:if> <!--Related Posts Scripts and Styles End-->

Anda bisa ganti tulisan Related Posts dengan text anda sendiri, lihat kode dibawah ini, ganti tulisan yang saya beri warna kuning :

var relatedpoststitle="Related Posts";

7.Kemudian anda cari kode dibawah ini :

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

Bila tidak ada cari kode dibawah ini :

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

8.Kemudian anda letakkan kode berikut tepat dibawahnya :

<!-- Related Posts Code Start--> <!--Remove--><b:if cond='data:blog.pageType == "item"'> <div id='related-posts'> <b:loop values='data:post.labels' var='label'> <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=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> </div> <!--Remove--></b:if> <!-- Related Posts Code End-->

Anda bisa menambah atau mengurangi jumlah link dengan mengganti kode dibawah ini, (hanya yang saya beri warna kuning.

var maxresults = 5;

Ok, selamat blog anda sudah semakin baik, oh ia seluruh kode diatas saya ambil dari blog tetangga yang berbahasa inggris, kalau mau baca edisi bahasa inggris klik disini


Link : Cara Membuat Password Yang Aman