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

Berita Terkait