Cara Membuat Artikel Terkait Dengan Thumbnail

Cara Membuat Artikel Terkait Dengan Thumbnail - Blogger Update. Assalamualaikum wr.wb. Malam ini saya akan berbagi tips Membuat Artikel Terkait, Sebelumnya saya sudah pernah posting Cara Membuat Artikel Terkait Di Bawah Postingan Blogger, tapi kali ini saya berbagi Membuat Artikel Terkait Dengan Thumbnail. Thumbnail adalah gambar berukuran lebih kecil dari ukuran aslinya. Nah liat screenshoot Artikel Terkait Dengan Thumbnail : 

Langkah-Langkah Membuat Artikel Terkait Dengan Thumbnail 1. Buka Blog Anda >> Edit Tempalate.

2. Cari kode </head>, lalu masukan kode dibawah ini diatas kode </head>.

 <!--Related Posts with thumbnails Scripts and Styles Start-->
<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.3em;
font-weight: bold;
color: #000000;
font-family: Georgia, &#8220;Times New Roman&#8221;, Times, serif;
margin-bottom: 0.75em;
margin-top: 0em;
padding-top: 0em;
}
#related-posts a{
color:#000000;
}
#related-posts a:hover{
color:#000000;
}
#related-posts a:hover {
background-color:#d4eaf2;
}
</style>
<script src='http://yourjavascript.com/92151462413/seo-powers-relatedthumbs.js' type='text/javascript'/>
</b:if>
<!--Related Posts with thumbnails Scripts and Styles End-->

3. Lalu cari kode <div class='post-footer'> atau <div class='post-footer-line post-footer-line-1'/>, letakkan script berikut ini di atas kode tersebut.

<!-- 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=6&quot;' type='text/javascript'/></b:if></b:loop>
<script type='text/javascript'>
var currentposturl=&quot;<data:post.url/>&quot;;
var maxresults=5;
var relatedpoststitle=&quot;Artikel Terkait&quot;;
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs();
</script>
</div><div style='clear:both'/>
</b:if>
<!-- Related Posts with Thumbnails Code End-->

 4. Simpan Template.

Jika ada pertanyaan silahkan ditanya dikotak komentar saya akan menjawab pertanyaan sobat blogger sebisa saya. Sekian dari saya Mochammad Fikri yang menuliskan artikel tentang Cara Membuat Artikel Terkait Dengan Thumbnail. Simak juga artikel saya yang lainnya : Cara Memasang Iklan Adsense Dalam Posting Blog,  Cara Membuat Emoticon Di Komentar Blogger, Cara Memasang Iklan Disamping Kiri dan Kanan Blog Melayang, dan Cara Membuat Artikel Yang Berkualitas SEO Friendly. Terima kasih sudah berkunjung.

Dilarang untuk meng-copas artikel ini kecuali menuliskan sumbernya

Cara Membuat Artikel Terkait Dengan Thumbnail 2014-02-13T20:50:00+07:00 Rating: 4.5 Diposkan Oleh: Fikri