Related Post With RSS Image

Related Post With RSS Image - www.bukanmaster.com - Selamat pagi sobat, apa kabarnyo ? Apik yo wakakak .. dari kemaren saya udah Share template buat kalian salah satunya yang terakhir saya share Free O-Om Style Template v5 (Pocong Style), sekarang, giliran ngasih Widget blog nih, mau tau Widgetnya apa ? Di judul juga ada tuh :D
langsung aja kita praktekin yuk, maaf Nyela sedikit, saya masih pake Antarmuka Blog lawas, jadi Tutorialnya agk membingungkan bagi Blogger yang menggunakan Antarmuka Blog baru :D

Hm . sebelumnya kita ulas sedikit tentang Related post.
Untuk apasih Related Post itu ?
Related posts berfungsi untuk melihat artikel apa saja yang ada di label yang sama dengan Artikel yang sedang anda baca, dalam artian untuk  Menghubungkan Artikel satu dengan yang lainya, memang knp harus dihubungkan ? Kalo gk di hubungkan, maka kita susah mencari artikelnya, Menghubungkan Artikel ini sangat bermanfaat, apalagi untuk Optimasi SEO.

1. Login ke blogger sobat
2. Rancangan --> Edit HTML --> Centang Expand Template Widget
3. Cari Tag </head> 
4. Masukan Code CSS di bawah ini, tepat diatas Tag </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(&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCqVYWgPLWspYvmyTNajtPxkRvYH_PGYIC3kuJQIBhYGgP0dqWyCrSCMvj-MDECMh2tFwsJu02bNrnOl-snq92LGJwpUf2RbJONQsZQt79484E_BXFu7c3lBE3FA45EJHJ3Ee8Rz4dIj7x/s1600/rss.png &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://bukan-master.googlecode.com/files/related-post.js.txt' type='text/javascript'/>

5. Kalo Expand template widget udah di centang, jangan Save dulu.
6. Cari Code Logika <data:post.body>
7. Masukan Code di bawah ini di bawah Code Logika Di atas.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='related-posts'>
<font face='Arial' size='3'><b><h3>Related Posts : </h3></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=7&quot;' type='text/javascript'/></b:if></b:loop> </font>
<script type='text/javascript'> removeRelatedDuplicates(); printRelatedLabels();
</script>
</div></b:if> 

8. Save template anda.
9. Selamat Mencoba