5 Cara Memasang Related Post Di Blogspot

Cara pasang related post  adalah seperti berikut :

1. Seperti biasa,  login dahulu ke akaun blogger anda.
2. Kemudian masuk ke bahagian design lalu Edit HTML
3. Jangan lupa tandakan Expand Template Widget
4. Biasakan back up dahulu temnplate dulu ya
5. Kemudian letakkan kode berikut di bawah </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/AVvXsEg9cNpVAbc0Q7Tc5NgdjEVYaN2eeHWWx8xyzo_GG4XdBScTTzmwaEyvbeoB_dvvjsG-Jn_MD6Odf_ixwMtWXa7y3k7lLVFJp98LeR6i6CAFX5yEPONxbzBEVbR4coW6ZYBsFbOK89ydk34/&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. Setelah selesai anda letakkan code di atas, cari <data:post.body/> kemudian letakkan pula code yang berikut ini 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. Save template dan anda boleh lihat hasilnya.

Semoga ada manfaat dari tutorial/ cara pasang related post ini.

Jangan lupa klik Google +1 ye

Anda sedang membaca artikel Cara Memasang Related Post Di Blogspot dan link url bagi entri ini adalah https://manmala.blogspot.com/2011/10/cara-memasang-related-post-di-blogspot.html. Semoga artikel Cara Memasang Related Post Di Blogspot ini bermanfaat buat anda.