Menampilkan Artikel Terkait di Blogger

Menampilkan

Artikel Terkait di Blogger

1. Login ke Blogger

2. Buka Blogger Dasbor
3. Kemudian masuk ke Menu Template
4. Pilih Edit HTML
5. Kemudian letakkan 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 : 12px Arial; 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/AVvXsEjFBX57DlThMd1kkGL36TuUHm3LCQ1wuoDuyDcbYk54u_iHMdQ7K3GFTSThV_l6vVNvmwIG9Ge5cqlewMLEtrg9rYSHEapAaWxZ6VVsOdbEwjlRnMUgtBrOHrWdfQXzY8s3I4a-EJ8lVfc/") 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>Artikel Terkait : </b></font><font color='#FFFFFF'><b:loop values='data:post.labels' var='label'><data:label.name/><b:if cond='data:label.isLast != "true"'>,</b:if><b:if cond='data:blog.pageType == "item"'><script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels&max-results=5"' type='text/javascript'/></b:if></b:loop> </font><script type='text/javascript'> removeRelatedDuplicates(); printRelatedLabels();</script></div> </b:if>
7. Terakhir Save template untuk menyimpan template.

Share this post