Related Post bergambar yang boleh bergerak

Posted by Tips Trick Blogger Wednesday, March 16, 2011 0 comments

Kali ini kita belajar pulak buat Related Post bergambar yang boleh bergerak,Anda boleh melihat contoh Related Post DISINI? 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 Seperti posting saya sebelum ini DISINI:Sila ikuti langkah dibawah ini.

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

Seterusnya cari kod </head> setelah anda menjumpainya sila Copy dan Pastekan Kod dibawah ini diatas kod </head>

<b:if cond='data:blog.pageType == "item"'>
<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, “Times New Roman”, 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'/>
</b:if>

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'>)

<b:if cond='data:blog.pageType == "item"'>
<div id='related-posts'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast != "true"'>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels_thumbs&max-results=12"' 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="<data:post.url/>";
var maxresults=10;
var relatedpoststitle="";
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>