Rabu, 24 Agustus 2011

Update Membuat Related Post Cantik di Blogspot

Saya telah mere-post lebih dari 8 posting tentang RELATED POST dan work 100% setelah saya coba pada beberapa blog. Namun alangkah kagetnya, setelah beberapa waktu kemudian pada pertengahan 2011, Related Posts tersebut tidak beroperasi alias kosong tidak ada isinya.

Hal itu mungkin terjadi karena perubahan pada sistem update Mozilla - Flock saya (Oh ya saya menggunakan Mozilla dan Flock terbaru untuk ngeblog).

Terpaksa harus me-refresh ulang blog saya dan membuat related post yang baru dengan searching terlebih dahulu.Sehingga pada posting kali ini saya namakan dengan UPDATE RELATED POST.
  • Login ke account blogger anda,
  • Pada dashboard, pilih edit layout atau ‘tata letak’ selanjutnya pilih ‘Edit HTML’
  • Centang Expand widget template
  • Cari kode seperti dibawah ini, lebih mudah bila menggunakan ctrl+F
  • </b:template-skin> atau cari </head>
  • Anda bisa mem-paste-kan kode pada kolom dibawah ini tepat dibawah kode</b:template-skin> atau tepat diatas  </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/AVvXsEhmQjHSCa8bmPmJNR0FP6nlQ3qBbsf5KGJhXyHoo8pBKkojY1QTfnecw5Sd8mkuBH6xm1NeyjXCS1dWbUTMjOenzOXtk2FxcX6rKgNXY1yXeiICOTi9t4WEfzlCOPGI1pVCfFJsXUV9mcA/") 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://theblogtemplates.com/scripts/Related_posts_hack.js' type='text/javascript'/>

  • Sekarang cari <data:post.body/>. Pada beberapa templet ada juga yang menuliskan seperti: <div class='post-body>  atau <data:post.body/>
  • Lalu pastekan kode HTML dibawah ini  tepat dibawah  <data:post.body/> atau <div class='post-body> atau <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>

  • sekarang silahkan save dan lihat hasilnya pada salah satu postingan anda.

 widgetsforfree

3 comments:

  1. Dicoba dulu nih..InsyaAllah bisa deh..thanks udah mau berkunjung dan berkomentar di http://fuad-xp.blogspot.com/2011/12/mempercantik-browser-firefox-dengan.html

    BalasHapus
  2. Sukses mba..terimakasih banyak yaa..namun saya letakkan di data:post.body yang ke-2..dan ada hasilnya.. :D

    BalasHapus
  3. Terima kasih kembali. Semoga menjadi manfaat dan silaturahmi. amin

    BalasHapus