Membuat Posting terkait (Related Posts)

Related Post (artikel terkait) adalah suatu fitur tambahan untuk menampilkan artikel terkait/berhubungan dengan posting tertentu yang masih dalam satu label post, sehingga dapat memudahkan pembaca melakukan navigasi ke artikel yang sesuai atau memilik tema yang sama dengan artikel yang sedang ditampilkan. Related Post merupakan widget/fitur dari pihak ke tiga dan tidak tersedia pada blog klasik. Banyak jenis dan tipe related post yang digunakan oleh para blogger namun pada blog ini penulis menggunakan related post yang sederhana dan tidak begitu banyak menggunakan javascript.

Langkah-langkah untuk memasang related post di blog:

1. Login ke Blogger dengan akun blog yang kita miliki.
2. Pilih Rancangan/Design kemudian pilih Edit HTML, sebelum melakukan perubahan ada baiknya kita melakukan backup template blog dengan mendownload template sebelum dilakukan perubahan. Ceklist pada bagian Expand Widget Templates
3. Letakan script dibawah ini sebelum diantara ]]></b:skin> dan </head>
<!--Related Posts Scripts and Styles Start--> <b:if cond="data:blog.pageType == "item""> <style type="text/css"> #related-posts { float : left; width : 460px; margin-top:20px; margin-left : 0; margin-bottom:20px; font-family:Arial, Helvetica, Sans-serif;font-size:12px; margin-bottom:10px; } #related-posts .widget { list-style-type : none; margin : 5px 0 5px 0; padding-left : 0px; } #related-posts .widget h2, #related-posts h2 { font-size : 20px; font-weight : normal; margin : 0 0px 0; padding : 0 0 0px; } #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(http://3.bp.blogspot.com/-H1bq2o9yT8E/Tp1v_qkcEzI/AAAAAAAADI0/Z-TqF-jAoMA/s000/widget-list.png) no-repeat 5px 6px; margin : 0; padding-top : 0; padding-right : 0; padding-bottom : 1px; padding-left : 21px; margin-bottom : 5px; line-height :1.6em; border-bottom:1px dotted #cccccc; } </style> <script type="text/javascript"> var relatedpoststitle="Related Posts:"; </script> <script src="https://sites.google.com/site/sdnegeritanjungsari2/file/related-posts-for-blogger.js" type="text/javascript"> </b:if> <!--Related Posts Scripts and Styles End-->
4. Cari <div class='post-footer-line post-footer-line-1'> atau <data:post.body/> dan copy-kan kode dibawah ini setelah code tadi.
<!-- Related Posts Code Start--> <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> <script type='text/javascript'> var maxresults=10; removeRelatedDuplicates(); printRelatedLabels("<data:post.url/>"); </script> </b:if> <!-- Related Posts Code End-->
Lakukan modifikasi pada maxresults, isikan dengan angka berapa banyak artikel yang sesuai akan ditampilkan.
5. Save hasil perubahan kemudian lihat hasilnya.

Semoga Bermanfaat, selamat mencoba dan Good Luck ya...