Cara Membuat Artikel Terkait Bergambar Berjalan Dibawah Postingan

Setelah blogwalking kesana kemari yang bertujuan mencari artikel terkait bergambar dan berjalan tetapi saya tidak menemukan satu pun artikel yang saya cari, walaupun itu ada saya hanya menemukan artikel terebut tetapi setelah disimpan artikel terkait tersebut hasilnya berada di atas postingan tentunya tidak sesuai dengan harapan saya, akhirnya saya pun memutar otak sampai akhirnya saya mendapatkan caranya sendiri langsung saja,

1. Login ke Blogger.
2. Di halaman Dasbor, kita pilih Tata Letak.
3. Kemudian pilih Edit HTML
4. Beri tanda centang pada Expand Template Widget
5. Cari kode  <data:post.body/>   
6. Setelah menemukannya, langsung saja copy paste kode di bawah ini setelah code <data:post.body/> 

<!– 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>
<!– Marquee Serbablog Related Posts with Thumbnails Code End–>

 7. Simpan template dan lihat hasilnya.

Keterangan.
Kita juga dapat menganti beberapa kode css, seperti berikut ini

var maxresults=10; –> Berarti artikel terkait yang akan kita tampilkan adalah 10

SEMOGA BERHASIL

Sumber:  http://www.overfame.com

Baca Juga Artikel Menarik Lainnya:

Ngeblog

• Cara Membuat Burung Twitter Mengelilingi Layar di Blog
• Cara Membuat Artikel Terkait Bergambar Berjalan Dibawah Postingan
• Cara Memasang Kotak Komentar Facebook di Blog
• Cara Membuat Label Berputar Tag Cloud Di Blog
• Kode Warna
• Menambah /memasang widget Google Translate ke blog
• Cara Mengganti Icon Pada Address Bar
• Gimana Caranya Membuat Tulisan Animasi Online
• Membuat Gambar Melayang (Float Image) Pada Blogspot
• Cara Membuat Scroll Pada Blog Archive (Arsip Blog) Blogspot
• Cara membuat posting terbaru berjalan
• Cara membuat link supaya terbuka di halaman baru (new tab)
• Membuat Gambar Terbang di Blog

Posted in: Ngeblog