Cara Membuat Related Post di bawah Artikel/Postingan dengan Mudah di Blog

Melanjutkan dari artikel tutorial Blogger sebelum nya, saat ini saya akan menjelaskan gimana cara membuat related post di bawah Artikel/postingan, dan tema ini mungkin ada sebagian yang sudah paham dan mungkin ada yang belum dan ini cuman sekedar share untuk mengingatkan saja.
Oke untuk melanjutkan lebih dalam sebelumnya saya akan memberikan contoh dari hasil related post di bawah postingan, contoh gambar seperti di bawah ini :

Tutorial atau cara pembuatan nya adalah sbb :
1.Buka akun Blogger anda dengan memasukan email dan password
2. Klik Template ----> Edit HTML
3. Cari kode </head> (untuk masalah ini bisa menggunakan Ctrl+F untuk pencarian lebih cepat), jika sudah ketemu, letakkan kode di bawah ini (Copy-Paste) di atas kode </head>

<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("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiB9ydXDU2FLifPoqqEJhs8mJOQ28PHG4q9eyHXY8vtz9yeNVfOM3vRDnc9oD6jqcmV0zxCJLnMW7SBybbViHvEW4Z9JeHkXcNgKTo01Bt5bhjcf6uMDFzfWzQUFLxNLSv3IGDBN-OG3Qw/") 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/11631137121/related_post_pelajaran_blog.js' type='text/javascript'/>

4. Setelah itu cari lagi kode <data:post.body/> , jika sudah ketemu, letakkan lagi kode di bawah ini (Copy-Paste) tepat di bawah kode <data:post.body/> .

<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 != "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>
</div></b:if>

5. Jika sudah selesai, lalu simpan/Save Template Blog

6. Lalu View Blog dan anda bisa lihat hasil nya.

Demikian tutorial dari saya mengenai bagaimana cara membuat Related post di bawah artikel/post dan semoga artikel ini bisa membantu. Terimakasih.