Cara Membuat Artikel Terkait Dengan Thumbnail

Cara Membuat Artikel Terkait Dengan Thumbnail

Cara Membuat Artikel Terkait Dengan Thumbnail

Cara Membuat Artikel Terkait Dengan Thumbnail -  Cara Membuat Artikel Terkait Dengan Thumbnail di blog blogspot dengan cara mudah seperti tampilan diatas. Ingin membuatnya Tutorial Blog berikut.

1. Masuk Akun Blogger
2. Menu Templates >> Edit HTML
3.  Cari Kode </head> (Gunakan Ctrl + f supaya Lebih mudah)
4. Copy dan Pastekan Kode berikut tepat di atas kode </head>
#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 type='text/javascript'>
var defaultnoimage="https://encrypted-tbn3.gstatic.com/images?q=tbn:ANd9GcRmB3GNjMfogv5TGDcehuZozgLi1rWg0HwKvcnQR_8KZ34uXXnf6g";
var maxresults=5;
var splittercolor="#d4eaf2";
var relatedpoststitle="Artikel terkait";
</script>
<script src='http://sabarmuanas.googlecode.com/files/relatedpostthumbnailinfonetmu.js' type='text/javascript'/>
<!-- remove --></b:if>
<!--Related Posts with thumbnails Scripts and Styles End-->
5. Cari Kode <div class='post-footer-line post-footer-line-1'> atau jika tidak ada <p class='post-footer-line post-footer-line-1'> , dan pastekan kode berikut tepat diatas kode tersebut.
<!-- Related Posts with Thumbnails Code Start-->
<!-- remove --><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>
<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:loop>
<script type='text/javascript'>
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs(&quot;<data:post.url/>&quot;);
</script>
</div><div style='clear:both'/>
<!-- remove --></b:if>
<b:if cond='data:blog.url == data:blog.homepageUrl'><b:if cond='data:post.isFirstPost'>
<a href='http://juraganilmu.blogspot.com/2013/10/cara-membuat-artikel-terkait-dengan.html'><img style="border: 0" alt="Cara membuat Artikel terkait dengan Thumbnail" src="http://image.bloggerplugins.org/blogger-widgets.png" /></a>
</b:if></b:if>
<!-- Related Posts with Thumbnails Code End-->
6. Klik tombol SIMPAN atau Save.

Mungkin sekian tutorial blog untuk belajar blog kali ini tentang Cara Membuat Artikel Terkait Dengan Thumbnail, semoga bermanfaat.
 Baca Juga:

Penelusuran tentang. Cara Membuat Artikel Terkait Dengan Thumbnail, Cara Membuat Artikel Terkait Dengan, Cara Membuat Artikel Terkait Vertikal Dengan Thumbnail Di Blogger, Cara Membuat Artikel Terkait Vertikal Dengan Thumbnail Di Blogger, Cara Membuat Artikel Terkait dengan Gambar, Panduan Mudah Membuat Artikel Terkait Gambar Thumbnail, buat thumbanil di blog, buat, Cara Membuat Artikel Terkait Bergambar Secara Horizontal, Cara membuat artikel terkait bergambar / Thumbnail, cara membuat artikel terkait / related post untuk blogger, Cara Pasang Artikel Terkait Dengan Thumbnail

thumbnail
Judul: Cara Membuat Artikel Terkait Dengan Thumbnail
Rating: 100% based on 99998 ratings. 5 user reviews.
Ditulis Oleh

Artikel Terkait Tips Blog, Trik dan Tips, Tutorial :

2 komentar:

Berkomentar dengan BIJAK, TIDAK SARA, Jangan menyinggung kelompok atau ras dan lainya... Dilarang SPAM. Melanggar terpaksa saya DELETE.
Thank.. Tinggalkan komentar.

 
Copyright © 2013. About - Sitemap - Contact - Privacy