0 Membuat Artikel Terkait / Related Post Gambar

Penggunaan Artikel Terkait merupakan kunci agar pengunjung bisa menjelajahi blog kita menjadi lebih banyak. Oleh karena itu artikel terkai merupakan salah satu cara agar bisa sukses blogging. Berikut caranya :

1. Buat Artikel Berlabel dahulu, pada tambahkan entri ada di sisi kanan layar. Klik Label - Isikan Label
2. Berikan Gambar Pada Setiap Postingan
3. Kalau Sudah Lanjut kebawah ini :

Memasukan Script untuk Artikel Terkait dengan langkah berikut :

1. Masuk Ke Dasbor Blogger.com
2. Klik Rancangan
3. Edit HTML
4. Centang Expand Widget
5. Tekan F3 cari kode </head> 
6. Masukan Script diatas </head> :

<!--Related Posts with thumbnails Scripts and Styles Start-->
<!-- remove --><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 type='text/javascript'>
var defaultnoimage="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhiVgsIVSRylhonK6ss1-YQSTfV2jwIdvAG-UkEtyHQVwtJQ_4kTTFrJDuBScX8zuZ8v0BZi6NBDrF4qRpOZNFl1RXnxXv2U3QIDrZPZ8YiXlv2LEF31e78dHM4-uLAOGg-Lmt819px0pI/s400/noimage.png";
var maxresults=5;
var splittercolor="#d4eaf2";
var relatedpoststitle="Artikel Terkait Yang Mungkin Anda Cari";
</script>
<script src='http://infonetmu.googlecode.com/files/related-posts-with-thumbnails-for-blogger-pro.js' type='text/javascript'/>
<!-- remove --></b:if>
<!--Related Posts with thumbnails Scripts and Styles End-->

7. Cari  kode <div class='post-footer-line post-footer-line-1'> atau <p class='post-footer-line post-footer-line-1'>
8. Masukan Script di bawah ini di atas kode no.7 :

<!-- 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://infonetmu.blogspot.com/2011/12/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-->

9. Edit kode berwarna di dalam Label sesuka hati anda
10. Save lihat hasilnya :D

Komentar →