Sabtu, 03 Maret 2012

Cara Membuat Related Post Di Blogspot

Pada kesempatan ini saya ingin berbagi bagaimana cara membuat related post di blogspot mungkin cara membuat related post sudah banyak yang share tapi tidak apa-apa saya di sini akan mencoba memberikannya kembali. lihat gambar di bawah ini, itu salah satu contoh related post yang saya pake di blog ini. Yang harus anda lakukan untuk membuat related post adalah :
  • Pergi ke menu Rancangan - Edit HTML 
  • Backup dulu template anda untuk menjaga dimana kala anda salah menempatkan kode, caranya ada di bagian Edit Html – Download full template.
  • Nah sekarang Jangan lupa centang "Expand Widget Templates".
  • Selanjutnya Carilah kode </head> dan tambahkan kode di bawah ini percis sebelum </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("http://4.bp.blogspot.com/-q-HyNrgjvAE/TzQx3btIV4I/AAAAAAAABbU/PXVhFzfCOwg/s400/star.gif") 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://my-lstr.googlecode.com/files/Related_posts_cosumix2.js' type='text/javascript'/>

  • Sekarang carilah kode <data:post.body/>. Lalu tempatkan kode di bawah ini percis di bawah kode <data:post.body/>
<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>

  • Save Template (selesai)
Rating: 5

2 komentar:

  1. wah penting ni gan. supaya bisa membaca yang lain ya... tenkyu.

    BalasHapus
    Balasan
    1. iaa silakan gan di coba.. semoga sukses

      Hapus

//* Berkomentarlah Dengan Sopan -->>