Membuat Related Post / Artikel Terkait Gambar dengan Marquee

Setelah beberapa saat yang lalu kami memposting tentang cara membuat Related Posting with green tick berdasarkan Label dan Related Post with Thumbnail v1. Nah kali ini masih  berkaitan dengan Related Post menggunakan Gambar(Thumbnail) dengan penambahan animasi marquee.

Caranya hampir sama dengan Related Post With Thumbnail v1 ( untuk lebih jelasnya lagi silahkan baca disini ), yang Anda perlukan hanya mengganti Code Terakhir setelah code ini : <div class='post-footer-line post-footer-line-1'> dengan code dibawah ini :

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29

<!-- Marquee 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=<b style="color: #cc0000;">10</b>; var relatedpoststitle=&quot;&quot;; removeRelatedDuplicates_thumbs(); printRelatedLabels_thumbs(); </script></marquee> <a  href='http://goo-dude.blogspot.com/2011/08/cara-membuat-related-post-thumbnail.html'   style='float:right;' target='_blank'>Grab This</a></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://goo-dude.blogspot.com/' style='display:none;'>Forum Info</a> </b:if> </b:if> <!-- Marquee Related Posts with Thumbnails Code End-->

Anda bisa mengganti angka 10 dengan jumlah yang anda inginkan, ini adalah jumlah related posting yang ingin di tampilkan.

Jika sudah selesai, silakan simpan hasil kerja anda.

untuk melihat demonya silahkan klik disini

NB : Sedikit informasi, yang saya ketahui untuk Related posts marquee ini hanya compatible jika anda menggunakan browser Firefox, Flock, Opera.

Selamat Mencoba