CARA MEMBUAT RELATED POST (POSTING TERKAIT)

 

Fungsi sebenarnya related post adalah untuk mempermudah para pengunjung blog kita agar lebih mudah mencari suatu iformasi yang mungkin di butuhkan jadi mereka tak perlu lagi untuk mecarinya di mesin pencari. Related post ini di tujukan kepada postingan  anda yang sama label dan jenis nya, misalnya anda membuat postingan yang labelnya tips blogger maka di bawah postingan anda akan muncul artikel-artikel yang pernah anda tulis yang berlabel tips blogger .okey langsung aja :

• loggin dulu ke blogger.com
• buka template => edit html => lanjutkan => beri tanda pada expand template widget 
• cari kode </head> ( gunakan ctrl + F untuk mempermudah pencarian 
• copy dan letakan kode di atas kode </head>

• <style> #related-posts { float : left; width : auto; 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/AVvXsEhDO3aPJWq6-ngzGKEIXJKV3KUOOvRLXEoS7uZeRZosR40w3swS3eKUOqnrjPEvTrOTurulfK9cILENSgxVRiik-xlDhY-rIXmIhInGsCUKt6lAXX0lbbMDEWeL1O2iMh2yxyM7aCNgcc7U/s1600/rss.png") 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://feryboling.googlecode.com/files/feryboling.js' type='text/javascript'/>

   
• kemudian Cari kode <data:post.body/> atau <div class='post-body>, usahakan yang berdekatan dengan post-entri, Kemudian copy code dibawah ini, letakkan tepat dibawahnya.

• <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>

• klik petinjau untuk melihat apakah hasil editan merusak template atau tidak jika hasil rusak kembali ke edit template kemudian klik kosongkan hasil edit dan ulangi lagi dari tahap pengkopyan code di awal
• jika sudah tidak ada kerusakan klik simpan dan lihat hasilnya 

 ok, sekian dan terima kasih ......

Tweet

Jangan sampai ketinggalan postingan-postingan terbaik dari boling. Berlangganan melalui email sekarang juga:

Atau sobat juga bisa follow boling dengan mengklik tombol di bawah ini:

Artikel keren lainnya:

Ditulis oleh fery pada tanggal Wednesday, November 21, 2012