Sabtu, 27 Maret 2010

Thumbnail Related Posts with Marquee (Berjalan)

 Thumbnail Related Posts with Marquee (Berjalan)


mau disetiap postingan kita ada related blog yang berjalan? trik ini juga biar blog atau postingan kita lebih banyak dikunjungni mudah kok tinggal ikuti langkah ini aja...
cara agar blog banyak dikunjungi, cara mempercantik blog, blog ga muncul di mesin pencari???
hasil



cuman 6 langkah aja
1. Pertama, masuk dulu ke halaman Edit HTML, jangan lupa memberi tanda centang pada  "Expand Widget Templates" PENTING

2. Cari kode ini </head>

3. Kemudian ganti dengan kode dibawah ini
<!--Related Posts with thumbnails Scripts and Styles Start-->
<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'/>
</b:if>
<!--Related Posts with thumbnails Scripts and Styles End-->
</head>

3. Setelah brother n sister terapkan poin pertama diatas, sekarang silakan cari code ini :

<div class='post-footer-line post-footer-line-1'>

atau

<p class='post-footer-line post-footer-line-1'>


4. Jika sudah ketemu nich code diatas, kasih code dibawah ini setelah salah satu code diatas :


<!-- Marquee Serbablog 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' behavior='alternate' direction='left' onmouseout='this.start()' onmouseover='this.stop()' scrollamount='2' width='100%'>
<script type='text/javascript'>
var currentposturl=&quot;<data:post.url/>&quot;;
var maxresults=10;
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'>
<a href='http://belajar-tanpa-henti.blogspot.com/2010/03/thumbnail-related-posts-with-marquee.html' style='display:none;'>Thumbnail Related Post</a>
<a href='http://belajar-tanpa-henti.blogspot.com/' style='display:none;'>blogger tutorials</a>
</b:if>
</b:if>
<!-- Marquee Serbablog Related Posts with Thumbnails Code End-->


- Untuk menampilkan jumlah postingan, sobat bisa merubah code yang berwarna merah
- Untuk mengganti title, brother n sister bisa merubah code yang berwarna biru

6. Simpan dan lihat hasilnya,
Setelah itu lihat apa yang terjadi....
Semoga Berhasil
Tuhan Memberkati GOD BLESS

5 komentar: