Membuat Artikel Terkait Dengan Gambar yang Bagus

Membuat Artikel Terkait Dengan Gambar yang Bagus >> Artikel terkait pada dasarnya adalah sebagai sarana yang digunakan para pemilik blog untuk mempercantik blog sekaligus untuk mempermudah pengunjung untuk mengetahui artikel lain yang berkaitan dengan artikel yang sedang di baca. 

Seperti pada potingan sebelumnya mengenai Cara Membuat Postingan Berbintang Pada Search Google postingan kali ini mengenai Membuat Artikel Terkait Dengan Gambar yang Bagus adalah salah satu teknik untuk mepertahankan pengunjung atau istilah lainnya membuat pengujung betah. 

Langung saja kita simak Cara Membuat Artikel Terkait Dengan Gambar yang Bagus. Penting: Baca dengan teliti dan cermat sehingga hasil yang sobat harapkan dapat tercapai.

____________________________________________________________________________
1. Buka blogger sobat, dan masuk pada Dasbor blog.
2. Klik Template >> kemudian klik Edit HTML
3. Berikan tanda Cek (v) pada Expand Template Widget
____________________________________________________________________________

4. Kemudian sobat cari kode </head> (untuk mempermudah pencarian gunakan CTRL + F dan paste kodenya). Lalu sobat paste kode berikut tepat di atas kode </head>

<!--Start Related Posts-->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style type='text/css'>
#related-posts {
float:center;
text-transform:none;
height:90%;
min-height:90%;
padding-top:0px;
padding-left:8px;
}
#related-posts h2{
font-size: 1.0em;
font-weight: bold;
color: white;
font-family: Rockwell,Georgia,Serif;
margin-bottom: 0.8em;
margin-top:0em;
padding-bottom:0em;
}
#related-posts a{
color:white;
}
#related-posts a:hover{
color:white;
}
#related-posts a:hover {
background-color:#080;
}
</style>
<script type='text/javascript'>
var defaultnoimage=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0AsC0W1pyEmbC8gXCCCx_dXNYYRPRyL8apyc_PHVrFB4Em8poooz57fJxfF1Vk9AVH7nqZlzPVJtpeRq0e2jrtDZRZTPhhyGNxThmmdCxH_iVThvR2hHGs5i4Ws713aGAvlKKqIQxXPWT/s1600/No+Image.jpg&quot;;
var maxresults=6;
var splittercolor=&quot;#000000&quot;;
var relatedpoststitle=&quot;Top Post Blog:&quot;;
</script>
<script src='http://yourjavascript.com/22811210832/RelatedPoststhumb3.txt.js' type='text/javascript'/>
</b:if>
<!--End Related Post-->
____________________________________________________________________________

Catatan: Sobat dapat mengganti kode warna tulisan #000000 dan tulisan Top Post Blog sesuai dengan keinginan sobat.

____________________________________________________________________________

5. Selanjutnya sobat cari kode <data:post.body/> (Sebisa mungkin cari kode yang ditemukan nomor 2 pada Html sobat, namun jika tidak ada kode nomor 1 juga gak masalah). lalu copy kode di bawah ini dan pastekan tepat di bawah kode <data:post.body/>

<!-- Start Related Posts-->
<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=7&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'/>
</b:if>
<!-- End Related Posts--> 

____________________________________________________________________________

Catatan: kode yang tercetak merah di atas (7) adalah jumlah gambar yang ditampilkan pada artikel terkait. Sobat dapat menggantinya sesuai dengan keinginan sobat. Artikel ini merujuk pada artikel sebelumnya di cirebon-cyber4rt.blogspot.com, dan sudah saya praktikan di blog saya. Semoga artikel dengan judul Membuat Artikel Terkait Dengan Gambar yang Bagus dapat bermanfaat. Kritik dan saran yang membangun sangat saya harapkan.

Tweet