• Ingin cantikkan blog?? Design blog secara PERCUMA..Grab cepat sebelum terlambat
  • Ingin cantikkan blog?? Design blog secara PERCUMA..Grab cepat sebelum terlambat
  • Ingin cantikkan blog?? Design blog secara PERCUMA..Grab cepat sebelum terlambat
  • Ingin cantikkan blog?? Design blog secara PERCUMA..Grab cepat sebelum terlambat
  • PROMOSI HUJUNG TAHUN

    Ingin cantikkan blog?? Design blog secara PERCUMA..Grab cepat sebelum terlambat

Label Cloud

Search This Blog

30 November 2010

online counter Pasangkan Related Post With Thumbnail Bergerak Di Blog Anda

Assamualaikum , Sebelum ni Msue ade buat tutorial tentang cara membuat Adik Related Posted Pagi ni Msue nak kongsi ngan korang sume bagaimana nak buat related post bergerak . Ia akan buat blog korang lebih cool .






1. Login ke Blogspot .

2. Klik Design - Edit HTML(Tandakan pada Expand Widget)

3. Cari kod di bawah(Gunakan CTRL+F untuk memudahkan korang mencarinya .


</head>



4. Copy kod dibawah .


<!--Related Posts with thumbnails Scripts and Styles Start-->
<!-- remove --><b:if cond='data:blog.pageType == &quot;item&quot;'>
<style type="text/css">
#related-posts {
float:center;
text-transform:none;
height:100%;
min-height:100%;
padding-top:5px;
padding-left:5px;
}
#related-posts h2{
font-size: 1.6em;
font-weight: bold;
color: black;
font-family: Georgia, &#8220;Times New Roman&#8221;, Times, serif;
margin-bottom: 0.75em;
margin-top: 0em;
padding-top: 0em;
}
#related-posts a{
color:black;
}
#related-posts a:hover{
color:black;
}
#related-posts a:hover {
background-color:#d4eaf2;
}
</style>
<script src='http://blogergadgets.googlecode.com/files/relatedthumbs21.js' type='text/javascript'/>
<!-- remove --></b:if>
<!--Related Posts with thumbnails Scripts and Styles End-->



5. Pastekan di atasnya

6. Cari kod di bawah


<data:post.body/>



7. Copy kod dibawah


<!-- Marquee Related Posts with Thumbnails Code Start-->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='related-posts'>
<b:loop values='data:post.labels' var='label'>
<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_thumbs&amp;max-results=12&quot;' type='text/javascript'/></b:if></b:loop>
<h3><b>Related Posts</b></h3>
<marquee align='center' direction='right' onmouseout='this.start()' onmouseover='this.stop()' scrollamount='4' width='100%'>
<script type='text/javascript'>
var currentposturl=&quot;<data:post.url/>&quot;;
var maxresults=50;
var relatedpoststitle=&quot;&quot;;
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs();
</script></marquee>
</div><div style='clear:both'/>
</b:if>
<b:if cond='data:blog.url == data:blog.homepageUrl'><b:if cond='data:post.isFirstPost'>
</b:if>
</b:if>
<!-- Marquee Related Posts with Thumbnails Code End-->



8. Pastekan dibawahnya

9. Preview dan Save template .:okay:yahoo



Via - SerbaBlog





Tinggalkan Komen Anda Disini