Kamis, 04 Agustus 2011

Cara Memasang Widget Related Post untuk Blogger

1. Masuk akun blogger
2. Dasbor
3. Design
4. Edit HTML
4. Backup dulu template
5. Centhang kotak expand widget template
6. Cari kode berikut ini </head>.
7. Copy - pastekan kode di bawah ini 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/AVvXsEhmfa7bPg4GnOWHDlBRgxhRUpzXC-66uVRzDYzP4T9tWsrNQHzbJspC8lcZLRFv0PiztVTzdZaPqN8dgf4EMqzjYsDFaKKqVjAjIesA7LeKWAEWNcO4n4sppu5dr1sdjwAKeijrKQteN6o/") 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'/>
8. Cari kode <data:post.body/> atau pada beberapa template <div class='post-body>
 9. Copy  dan pastekan kode di bawah ini, tepat dibawah kode no. 8
<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>
10. Klik pratinjau, jika berhasil simpan
selesai

sumber:
dari sini

1 komentar:

Shudai Ajlani mengatakan...

Wah ini aku baru denger, dan belom pernah coba. Mungkin nanti bisa berguna, aku save ya B)