How To Make Related Post 2

Related Post,  masih ingatkan dengan artikel sebelumnya, How To Make Related Post ? kita pernah membahas hal ini sebelumnya.

Ada apa dengan How To Make Related Post 2

agar anda tidak penasaran kita langsung kepermasalahannya, How To Make Related Post 2 akan membahas Bagaimana membuat related Post dengan Link nya berbentuk image, dimana sebelumnya kita membahas Related Post yang linknya merupakan teks.

Sebelumnya perlu saya beritahukan cara ini saya temukan dari "Pujangga Blog" terima kasih sebelumnya.

ok kita lanjut ke halaman dashboard anda, silahkan anda masuk ke bagian EDIT HTML

Cari kode </head>

kemudian pastekan kode berikut diatas code </head> tadi

<!--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: 1em;
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-->

kemudian lanjutkan pencarian kembali pada code 

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

 atau

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

 silahkan anda letakkan kode berikut ini dibawah kode tersebut

<!-- 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>
<a href='http://bloggnesia.blogspot.com/2011/07/how-to-make-related-post-2.html' style='float:right;' target='_blank'>Related Post</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://bloggnesia.blogspot.com/' style='display:none;'>Blogger Indonesia</a>
</b:if>
</b:if>
<!-- Marquee Related Posts with Thumbnails Code End-->

untuk jumlah yang ingin ditampilkan anda dapat menggantinya di bagian yang diberi tanda merah
ok silahkan anda simpan

satu lagi pesan dari "PUJANGGA BLOG" tempat saya mengambil sumber artikel ini

tidak puas dengan warnaya sobat bisa merubah dibagian CSS.
Jika blog anda  tidak menggunakan sistem Read More, dan anda ingin menampilkan Related Posting ini di seluruh halaman, tidak hanya di postingan pertama saja, silakan hapus code yang diberi tanda keterangan <!-- remove --> pada code di dalam kotak yang pertama dan kedua.