cara membuat artikel terkait atau related posts bergambar-
Untuk meningkatka sedikit kualitas SEO,widget disamping ini berguna untuk beberapa hal,seperti untuk memperlama pengunjung dan tentunya kepentingan SEO.dan cara untuk membuat artikel terkait atau related posts :
1.Masuk ke Blogger
2.pada Dasboard pilih template dan edit html
3.gunakan ctrl+f dan cari kode ]]></b:skin>,kemudian tempel kode dibawah ini diatas kode ]]></b:skin>
<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/AVvXsEjL3Ye5qA0hSLXecxBOMUnwWBOBLlDYq7j5kb8Fd6PajQEWrA_qeyNo7JvKvOc3BQERQ7Bvpu4lJBf0ZLp038zk3zPsqm96KUB_mm-oBU-dSGY6GF9oUflxvl7LRrXLKYk4XxBovk5kjRo/s400/noimage.png";
var maxresults=5;
var splittercolor="#d4eaf2";
var relatedpoststitle="Related Posts";
</script>
<script src='http://artikel-terkait-bergambar.googlecode.com/files/artikel-terkait-bergambar.js' type='text/javascript'/>
</b:if>
4.lalu agan cari kode <data:post.body/>
kemudian letakan kode di bawah ini setelah kode <data:post:body/>
<b:if cond='data:blog.pageType == "item"'>
<div id='related-posts'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast != "true"'>
</b:if>
<script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels_thumbs&max-results=6"' type='text/javascript'/></b:loop>
<script type='text/javascript'>
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs("<data:post.url/>");
</script>
</div>
<div style='clear:both'/>
</b:if>
5.lalu simpan template
Keterangan Terkait Kode Artikel Terkait Bergambar
1. Artikel terkait dengan gambar ini bekerja secara otomatis jadi Anda tidak perlu merubah atau menambahkan alamat feeds yang sudah ada.
2. Artikel terkait dengan gambar ini bekerja pada halaman postingan dan kode di atas tidak berlaku di halaman utama / Home Page.
3. Untuk merubah tampilan artikel terkait dengan gambar, Anda bisa merubah CSS sesuai keinginan jika Anda paham untuk mengeditnya,
4. var maxresults=5; Jumlah artikel terkait yang muncul pada setiap artikel / postingan.
5. var relatedpoststitle="Related Posts"; Judul artikel terkait dan muncul di bawah postingan.