Blogspot yang membahas tentang Tutorial Blogger, Animasi Blogger, Google Adsense, Game Blogger, Seo Blogger, Template Blogger, TV Online, Dan Tools Blogger

Thursday 13 February 2014

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 ThumbnailThumbnail adalah gambar berukuran lebih kecil dari ukuran aslinya. Nah liat screenshoot Artikel Terkait Dengan Thumbnail

Cara Membuat 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 ThumbnailSimak juga artikel saya yang lainnya : Cara Memasang Iklan Adsense Dalam Posting BlogCara Membuat Emoticon Di Komentar Blogger, Cara Memasang Iklan Disamping Kiri dan Kanan Blog Melayang, dan Cara Membuat Artikel Yang Berkualitas SEO FriendlyTerima kasih sudah berkunjung.

Dilarang untuk meng-copas artikel ini kecuali menuliskan sumbernya
DMCA.com

Cara Membuat Artikel Terkait Dengan Thumbnail Rating: 4.5 Diposkan Oleh: Fikri

4 komentar:

 
notifikasi
close