Artikel Terkait Dengan Icon RSS

Related Post Dengan Icon RSS - Related Post atau Artikel Terkait sangat penting sekali untuk blog, dimana membantu pengungjung untuk mengetahui artikel yang berhubungan dengan posting yang sedang dibaca dan tentunya dapat menambah jumlah pageview blog. Berikut artikel terkait dengan icon rss blogger dibawah posting.

Membuat Related Post dengan Icon RSS

1. Login Ke Blogger
2. Menu Template > Edit HTML
3. Cari </head> paste kode berikut tepat diatasnya

<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/AVvXsEi3UYTBQ8j-7FvO4dPOKUwEiskop8ZNUKprm2H4mYmZcM2wKyx2__s_GqJrrN2qXe-mHiYQay2mJ3LdCragUX0QxvcygZ8OB5ZvbeQYKssCLGVglR7Z3dVZzEJgpLUW6-wOg9W9Khof0E8/&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://bloggergubug.googlecode.com/files/relatedpost.js' type='text/javascript'/>

4. Cari <data:post.body/> paste kode berikut tepat dibawahnya

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

5. Simpan


Selamat mencoba membuat simple related post dengan icon blogger