How to make Moving Related Thumbnail Post - Gambar Posting berkaitan bergerak.

Portal Blog yang mengupas, mengulas dan mengkritik serta berkongsi isu semasa yang Tidak anda ketahui dari Sabah dan Sarawak. Kongsikan pendapat atau apa jua Isu dengan Pembaca disini. ❂ admin@pengerindu.com ❂
"Terbaek. Pengetahuan yg luas dan sungguh menghiburkan para pembaca lagipun dgn brita terkini yg tepat dan padat. " - Jesrim Akok ✌ "macam macam ada..utk di kongsi bersama...nang best juak..teruskan usaha murni anda mr J. " - Habsah Mo C D ✌ "1borneo ba..sporting.. " - Dekmon Alan ✌ "macam2 ada..best!! terbaikkk!!! " - Anastasia Julie Lobert
Anda pernah mengunakan Link Withnin iaitu satu platform dimana ia akan mengaitkan posting yang berkaitan pada bawah post anda tetapi masalahnya adalah ia mempunyai had iaitu kepada 4 - 6 sahaja untuk posting yang berkaitan muncul dan tambahan pula ia adalah kaku.

http://img682.imageshack.us/img682/7915/32608106.jpg

Adakah anda telah melihat Related Post pengeRindu.com di bawah ? banyak dan kelebihannya pula dapat memaparkan seberapa banyak posting yang berkaitan dan ditambah pula dengan elemen bergerak dan sudah tentu ia akan menarik para pembaca anda.

Dan sekarang kita akan cuba untuk membuat " Moving Related Thumnail Post " dan caranya mudah sahaja iaitu:

Sila ikuti langkah dibawah ini.
  • Klik Dashboard - Layout - Page Elements - edit HTML -Tandakan
Seterusnya cari kod </head> setelah anda menjumpainya sila Copy dan Pastekan Kod dibawah ini diatas kod </head>

<!--Related Posts with thumbnails Scripts and Styles Start-->
<!-- remove --><b:if cond='data:blog.pageType == &quot;item&quot;'>
<style type="text/css">
#related-posts {
float:center;
text-transform:none;
height:100%;
min-height:100%;
padding-top:5px;
padding-left:5px;
}
#related-posts h2{
font-size: 1.6em;
font-weight: bold;
color: black;
font-family: Georgia, &#8220;Times New Roman&#8221;, Times, serif;
margin-bottom: 0.75em;
margin-top: 0em;
padding-top: 0em;
}
#related-posts a{
color:black;
}
#related-posts a:hover{
color:black;
}
#related-posts a:hover {
background-color:#d4eaf2;
}
</style>
<script src='http://blogergadgets.googlecode.com/files/relatedthumbs21.js' type='text/javascript'/>
<!-- remove --></b:if>
<!--Related Posts with thumbnails Scripts and Styles End-->

Dan sekarang Cari Kod ini:
  • <div class='post-footer-line post-footer-line-1'>
atau (jika kod diatas tidak dijumpai sila cari kod yang dibawah ini)
  • <p class='post-footer-line post-footer-line-1'>
Dan setelah itu Copy dan Paste kod dibawah ini. (Dibawah <p class='post-footer-line post-footer-line-1'> )

<!-- 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=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 Related Posts with Thumbnails Code End-->

*gantikan nombor berwarna kuning kepada seberapa banyak yang anda inginkan. contoh 20 untuk 20 related post.

Nah.. dah kemudian save kan , mudah bukan? jika Mr J mampu anda pun mampu juga.


Salam ceria ,
Mr. J
http://www.pengerindu.com/
http://jacky.pengerindu.com/
(Blog Bahasa Iban)
Subscribe untuk mendapatkan 10 ebook Percuma.


Link Adv RM10 Monthly :Berani Tengok-Ejen Prepaid-Hanya 2sen
Translate This Blog : English * Chinese * German * Japan * Korea * Arabic * Filipino * Thai * Hindi *

Bookmark and Share Jom! Tonton Tv Online: [Tv1] [Tv2] [Tv3] @ Belajar Bahasa Iban?
Download Mp3 Sarawak , Malay Mp3 , Techno Mp3 . [#Blog Trick & Tips]

Dapatkan Artikel terbaru dan 10 ebook Percuma daripada www.pengeRindu.com serta artikel terbaru terus ke email anda. Sila masukkan email anda dibawah:

Penghantaran ditaja oleh FeedBurner

Related Posts Plugin for WordPress, Blogger...
 SABAHSARAWAK
Bila Mr J Menaip
 ARTIKEL KIRIMAN EMEL PEMBACA ► Sila Hantar ke admin@pengerindu.com
+PENDAPAT  +KOMEN WWW.PENGERINDU.COM► server ↑ 97%  
Stastitik

PENGERINDU.COM. Dikuasakan oleh Blogger.
 
Copyright © 2009 - 2015 www.pengeRindu.com - Bukan Sekadar Weblog Biasa | Voice of The People Sabah / Sarawak | Rise of DAYAK- All Rights Reserved ©