Membuat Related Post di Blogspot

Bagi pengguna wordpress membuat related post dibawah postinga tidaklah terlalu menyulitkan karena terdapat berbagai wp plugin yang memiliki fungsi menampilkan related post, tetapi bagi pengguna blogspot tentu membutuhkan scripts khusus yang harus ditempelkan pada template.


Langkah-langkah membuat related post:

1. Bukalah akun blogspot anda dengan tenang dan damai sejahtera.
2. Pilihlah Elemen Template. Lalu Pilit Edit HTML
3. Carilah kode </head> (Gunakan Ctrl+F untuk mempermudah pencarian), setelah anda menemukannya, letakkanlah kode javascript di bawah ini (Copy) persis di atas kode </head> (sekitar baris 4-5)
4. Pastekan(tempelkan) script dibawah ini:

<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(&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLPEeOsC5mMIoPne9bV80myU7MspQk-KzauF9TDxpBQkhZ6R7rs6sbhS7lpHuB1TRB6jIE5x6IH1h_O7Jtr27QRoziPWltq95-T4LF1mL4kiUtScBQvkhfPtRDVXaqd0ZQafE_xtAJYyw/&quot;) no-re<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 != &quot;true&quot;'>,</b:if><b:if cond='data:blog.pageType == &quot;item&quot;'>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=5&quot;' type='text/javascript'/></b:if></b:loop> </font>
<script type='text/javascript'> removeRelatedDuplicates(); printRelatedLabels();
</script>
</div></b:if>peat 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/44425213412/related-post-blogspot.js' type='text/javascript'/>

5. Selanjutnya cari lagi kode berikut :   <div class='post-outer'><b:include data='post' name='post'/>6. Jika sudah ketemu, letakkan lagi kode di bawah ini (copy) tepat di bawah kode  <b:include data='post' name='post'/> (pastekan)

 <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 != &quot;true&quot;'>,</b:if><b:if cond='data:blog.pageType == &quot;item&quot;'>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=5&quot;' type='text/javascript'/></b:if></b:loop> </font>
<script type='text/javascript'> removeRelatedDuplicates(); printRelatedLabels();
</script>
</div></b:if>

6. Setelah selesai, lalu simpan template blog anda.
7. Lihat hasilnya seperti apa.


Demikianlah membuat Membuat Related Post di Blogspot