Hallo! - Selamat Datang
Pasang Iklan | Info | Follow | Donasi

Pasang Widget Related Post Dengan Icon

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgI2tmL4AgR-oyh9zzlIul8S9PT9yxk7HObAeXDLL-PA-AtvvxRZJHGbYLRK4cctqBgUBKxDH5yn1SO6TnoYs-ZYuYQrXyE_PJBhVjzdxsVrtXKo1kGyAVQjUxZWwCHpZBYPDxLT9hjlP4/s320/relpos.jpgOke langsung saja kita mulai deh....
1. Seperti biasa, kalian harus login dulu ke akun blogger
2. Kemudian masuk ke rancangan lalu Edit HTML
3. Jangan lupa Expand Template Widget
4. Biasakan back up temnplate dulu ya
5. Kemudian pasang kode berikut di bawah tag </head>


<style type='text/css'> #related-posts { float : left; width : 100%; 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/AVvXsEi6yZtlDL-t20OOlSMCq0laeScpWJLIfwUTH02h-7przCrPUf6nmp_EJ0gCFg4qfP2Q6pkF2OW_0LURSAcLEf6UVk-m6FgCnQ7lH4y0OUt1cOoxrb3OMMpq4mbpfQwCZeccDrlIlqA9wrc/&quot;) 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://belajarblogging.googlecode.com/files/relpost.js' type='text/javascript'/>

6. Jika sudah, cari <data:post.body/> lalu pasang kode berikut di bawahnya

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

7. Dan yang terakhir tentu saja save template dan lihat hasilnya

BACA JUGA

HARGA HANDPHONE & ELETORINIK

TUTORIAL BLOG

WHATZ UP

WINDOWS TIPS TRICK

SOFTWARE