cara buat related post di blogspot

Dengan menambahkan artikel terkait pada blog, kita bisa mengurangi tingkat bounce rate di blog kita. Dan tentunya membuat pengunjung di blog kita betah untuk membaca artikel-artikel kita yang lainnya. Biar artikel yang sudah kita buat susah-susah di blog kita ada yang baca..

langkah- langkahnya sebagai berikut :

Buka akun blogger Anda.
Masuk ke menu Template > Edit HTML > Proceed > centang Expand Template Widget
Cari kode dibawah ini :

</head>

4. Pastekan kode dibawah ini, diatas pada kode diatas :

<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/AVvXsEj8lKbH0h4KUy1TkKvmb8VLt_op1qN7esjZnUTlyvSDYRFIqlv41p4pOARijlSGO7BVVKWKUhlUauzzMMtmw-QA72GJvu0krZaMSxuO3rizNWWWsv56xo2RfM64LmF8YYIgujxRJ4_FtAc/s1600/noimage.png";
var maxresults=5;
var splittercolor="#d4eaf2";
var relatedpoststitle="Related Posts";
</script>
<script src='http://helplogger.googlecode.com/svn/trunk/related-posts-with-thumbnails-for-blogger.js' type='text/javascript'/>
</b:if>

Catatan:

Untuk mengubah gambar default bila tidak ada gambar yang tersedia, ganti URL warna biru dengan URL Anda sendiri.
Untuk menampilkan lebih dari 5 postingan, ganti 5 nilai dari "var maxresults = 5;"
Hapus kode violet jika Anda ingin artikel terkait ditampilkan di homepage.

5. Cari kode dibawah ini :

<div class='post-footer-line post-footer-line-1'>

Jika Anda tidak dapat menemukannya, kemudian mencari satu ini :

<p class='post-footer-line post-footer-line-1'>

atau,

<data:post.body/>

6. Pastekan kode dibawah ini dibawah pada kode diatas :

<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>
<b:if cond='data:blog.url == data:blog.homepageUrl'><b:if cond='data:post.isFirstPost'>
</b:if></b:if>

Catatan:

Ubah nilai 6 dari max-results=6 dengan jumlah posting yang ingin ditampilkan.
Jika Anda ingin artikel terkait yang akan ditampilkan di homepage juga, hapus kode violet.

7. Save Template Anda.

ErwinHauw

cara buat related post di blogspot