Cara Membuat Artikel Terkait di Posting Blogspot Dengan Gambar

Membuat Artikel Terkait Dibawah Postingan Blog dan bisa dibilang Related Post bukan hanya merupakan pemanis belaka, tapi juga merupakan hal yang sangat bermanfaat. selain dapat meningkatkan page views, related post ini sangat membantu apabila ada beberapa posting lama kita yang belum terindeks oleh mesin pencari. Related Post adalah daftar link posting yang berhubungan.

Seperti yang pernah saya tuliskan sebelumnya tentang Membuat Artikel Terkait Dibawah Postingan Blog dan Membuat Artikel Terkait Pada Widget Blog kali ini sangatlah berbeda. Sebab, artikel ini adalah cara membuat artikel terkait dengan gambar di setiap posting blogspot. Langkahnya ialah :

Masuk ke akun Blogger;

Klik design kemudian edit HTML;

Centang Expand Widget Templates;

Setelah itu letakkan kode berikut di atas </head>

<!–Related Posts with thumbnails Scripts and Styles Start–>
<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 src=’http://belajarblogging.googlecode.com/files/releatedimage.js’ type=’text/javascript’/>
</b:if>
<!–Related Posts with thumbnails Scripts and Styles End–>

Kemudian cari kode

<div class=’post-footer-line post-footer-line-1′>

Setelah ketemu, copy paste kode berikut sesudah kode diatas.

<!– Related Posts with Thumbnails Code Start–>
<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>
<b:if cond=’data:blog.pageType == "item"’>
<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:if></b:loop><a href=’http://cossierandi.com/trik-cara-membuat-artikel-terkait-di-posting-blogspot-dengan-gambar.html’ style=’display:none;’>Related Posts with thumbnails for blogger</a><a href=’http://www.bloggerplugins.org/’ style=’display:none;’>blogger widgets</a>
<script type=’text/javascript’>
var currentposturl="<data:post.url/>";
var maxresults=5;
var relatedpoststitle=”Artikel Terkait”;
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs();
</script>
</div><div style=’clear:both’/>
</b:if>
<!– Related Posts with Thumbnails Code End–>