Thumbnail Related Posts With Marquee (Berjalan)

Penulis: G E O R G E O U Z | serba-seru.blogspot.com

Tempat Blogging Bagi anda yang sudah memakai atau ingin memakai Thumbnail Related Posts (artikel terkait bergambar), tentu akan lebih tertarik menggunakannya, karen tampilannya cukup menarik dengan adanya gambar, namun ada sedikit kekurangan dari tool yang satu ini, ialah memakan banyak daerah di halaman blog. Maka dari itu, kebanyakan blog yang saya kunjungi meminimalkan jumlah related post tersebut, apalagi dengan ukuran halaman posting yang sempit. Maka dari itu untuk memaksimalkannya ialah dengan alternatif marquee(berjalan).

Tempat Blogging
Nah, untuk tumpuan Thumbnail Related Posting memakai metode Marquee ini dapat sahabat lihat disini.

Tempat Blogging
Pada postingan sebelumnya sudah dipaparkan cara menciptakan Related Posts + Thumbnail, sahabat dapat menerapkan terlebih dahulu tutorial Thumbnail Related Postsnya disini, namun cukup terapkan Code CSSnya saja (Script code yg pertama)
Untuk menciptakan Thumbnail Related Posts ini biar dapat ditampilkan dengan jumlah yang banyak ialah dengan metode Marquee, ada sedikit perubahan yang akan dilakukan pada script code yang kedua.
 

Tempat Blogging Nah, untuk memulainya :
1. Silakan lihat cara menciptakan Thumbnail related posts disini (Cukup terapkan code CSSnya saja/ code yang pertama)
2. Setelah sahabat terapkan poin pertama diatas, kini silakan cari code ini :

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

Tempat Blogging
atau

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


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

Tempat Blogging
<!-- 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='https://mas-basir.blogspot.co.id//search?q=cara-menampilkan-top-comment-berjalan' 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, sahabat dapat merubah code yang berwarna merah
- Untuk mengganti title, sahabat dapat merubah code yang berwarna biru

Tempat Blogging
4. Simpan dan lihat hasilnya

Tempat Blogging  

Tempat Blogging Selamat berkreasi, Semoga bermanfaat
Thanx buat O-Om yang sudah menampilkan artikel ini, sukses buat semuanya

Penasaran siapa dibalik penulis artikel ini? G E O R G E O U Z

Share this post