Subscribe to our RSS Feeds
Hello, selamat datang di rumah blog saya. Komputer adalah jantungku dan hidupku belum lah sempurna bila belum kujelajahi seisi dunia tanpa harus menuju kesana. Nikmati perjalanan anda dengan berpetualang ilmu di dunia blog saya ini.

**Jangan Lupa Follow Ira Chan Yaahh**



Cara Membuat Related Post dengan Thumbnail yang Berjalan

0 Comments »


Bagi kamu yang ingin menggunakan Thumbnail Related Post (Artikel Terkait Gambar)dengan menggunakan cara alternatif marquee(berjalan), berikut beberapa langkah-langkahnya.
1. Pertama, masuk dulu ke halaman Edit HTML, jangan lupa memberi tanda centang pada “Expand Widget Templates”
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>
4. Sekarang cari lagi kode dibawah
<div class=’post-footer-line post-footer-line-1′>
Jika tidak menemukan kode diatas, coba cari kode seperti ini
&lt;p class=’post-footer-line post-footer-line-1′&gt;
Kalo sudah ketemu, tinggal masukan semua kode dibawah ini dibawah salah satu dari kode diatas yang kamu temukan.
<!– 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://serba-seru.blogspot.com/2010/02/thumbnail-related-posting-with-marquee.html’ style=’display:none;’>Thumbnail Related Post</a>
<a href=’http://www.bloggerplugins.org/’ style=’display:none;’>blogger tutorials</a>
</b:if>
</b:if>
<!– Marquee Serbablog Related Posts with Thumbnails Code End–>
Untuk menampilkan jumlah postingan, anda bisa merubah code berikut
var maxresults=10;
Selamat mencoba ya..
StumpleUpon DiggIt! Del.icio.us Blinklist Yahoo Furl Technorati Simpy Spurl Reddit Google Twitter FaceBook

18.13

0 Responses to "Cara Membuat Related Post dengan Thumbnail yang Berjalan"

Poskan Komentar