Cara Membuat Related Post

Cara Membuat Related Post. Related post sangat berguna untuk meningkatkan SEO karena bahan artikel yang sama akan mudah terindex oleh google. Selain itu, pembaca akan mudah mencari artikel yang sesuai dengan artikel yang telah anda baca sebelumnya.Walaupun ini sangat mudah dan begitu banyak cara, saya akan memberi salah satu cara yag telah saya pakai dan terbukti berhasil

• Buka blogger.com.
• Klik "template" diantara menu – menu yang tersedia
• Pilih "edit template" yang ada dibawahnya, sebelumnya anda disarankan untuk menyimpan template yang lama untuk menghindari sesuatu yang tidak diinginkan.
• Tekan ctrl +F untuk mencari kode </head> yang ada didalam susunan kode HTML
• Setelah ketemu, letakkan kode ini tepat diatas kode </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/AVvXsEi_z-oy8nXni5RN17f7BTZ4DZ1gPH4jrEhks-IhCwump72UQxbRbrZkuXjlMnZIxVDGvPXwlGkJ-t5i5KGGv_rRcN-tOSVCpXgzarOYgKGBVq9C9Sdqoom5yZhk5H1s1ed-NiLNkTZacp4/s400/noimage.png";
var maxresults=5;
var splittercolor="#d4eaf2";
var relatedpoststitle="Related Posts";
</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-->

• Kemudian cari kode <data:post.body/> dengan menggunakan ctrl + F dan letakkan kode ini tepat dibawah <data:post.body/>

<!-- 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>
<!-- Related Posts with Thumbnails Code End-->

Klik pratinjau untuk melihat preview perubahan template anda. Kalo sudah pas langsung saja klik simpan