Related Post Bergambar Yang Boleh Bergerak

Kali ini kita berguru pulak buat Related Post bergambar yang boleh bergerak,Anda boleh melihat pola Related Post DISINI? banyak dan kelebihannya pula sanggup memaparkan seberapa banyak posting yang berkaitan dan ditambah pula dengan elemen bergerak dan sudah tentu ia akan menarik para pembaca anda.

 Dan kini kita akan cuba untuk menciptakan " Moving Related Thumnail Post " dan caranya gampang sahaja Seperti posting aku sebelum ini DISINI: Sila ikuti langkah dibawah ini.

 * Klik Dashboard - Layout - Page Elements - edit HTML -Tandakan Expand Widget Templates

 Seterusnya cari kod </head> sesudah 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/j4vascript'/>
<!-- remove --></b:if>
<!--Related Posts with thumbnails Scripts and Styles End-->

Dan kini 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 sesudah 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/j4vascript'/></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/j4vascript'>
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 merah kepada seberapa banyak yang anda inginkan.
 contoh 20 untuk 20 related post.
 dah lalu save kan,simple ajer..
Sumber http://johanrakyat.blogspot.com

Share this post

Berlangganan update artikel terbaru via email: