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 http://manmala.blogspot.com/2011/10/cara-memasang-related-post-di-blogspot.html. Semoga artikel Cara Memasang Related Post Di Blogspot ini bermanfaat buat anda.


5 comments

31 October 2011 at 20:14

memang cantiklah bro, related post nie dapat memanjang masa visitor ke blog kita kalau mereka minat,aku minat lambang oren tu,..haha
Download Lagu Kebesaran Negeri Percuma

31 October 2011 at 22:48

best tutor...dah buat heheee

31 October 2011 at 23:54

semoga ramai yang dapat manfaat..

13 December 2011 at 08:57

nice tutorial..

19 December 2011 at 10:41

terima kasih...bagus tutorial ni

Post a Comment

 
Blogged.my

Return to top of page Copyright © OCT 2011 | manmala | Mereka Yang Memberi Lebih Mulia Dari Yang Menerima | HackTutors