Membuat Related Post Bergambar Dan Bergerak

Hai sobat ... ! mungkin sobat ingin membuat Membuat Related Post Bergambar Dan Bergerak ?  untuk contoh liat gambar di atas . Gimana sobat berminat ? kalo berminat silahkan ikuti cara - cara berikut : 

1. Coba sobat copy kode ini :

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

Atau 

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

3. Jika sudah ketemu salah satu code diatas, letakkan code dibawah ini setelah salah satu code diatas.

<!-- Marquee Nobi 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'>
</b:if>
</b:if>
<!-- Marquee Nobi Related Posts with Thumbnails Code End-->

4. Langkah selanjutnya simpan Template dan lihat hasilnya .

Semoga Berhasil

Note : kode yang berwarna merah dapat diganti sesuai dengan yang sobat inginkan, Angka 10 menunjukkan jumlah artikel yang tampil pada related post, Related Posts (Silahkan ganti judul yang sobat inginkan).

Dengan memasukan alamat email dibawah ini, berarti anda akan dapat kiriman artikel terbaru dari Tutorial Blogger.com di inbox anda: