Cara Gampang Menciptakan Related Post

Cara Praktis Membuat Related Post - Related post atau artikel terkait ialah kategori yang menampilkan artikel lain dalam blog yang masih satu tema atau satu label. Related post ini memudahkan para pembaca blog untuk mengunjungi artikel lain yang berkategori sama atau untuk mengatakan pembaca artikel lain yang mempunyai kegunaan semoga pembaca blog betah berlama-lama di blog, juga cara SEO yang banyak dipakai para blogger selain pemasangan breadcrumb. Sebenarnya banyak tutorial wacana bagaimana menciptakan artikel terkait ini tetapi aku mengatakan related post yang ringan, tidak memberatkan load blog namun tetap manis dipandang ( seasyik memandang perempuan manis hehehehe,...) Ok eksklusif saja berikut langkah-langkahnya....

1. Login ke Blogger
2. Klik Template dan Edit HTML
3. Cari aba-aba </head> dengan menekan Ctrl + F dan letakan aba-aba berikut ini persis diatasnya:

<!--Related Posts with thumbnails Scripts and Styles Start www.sharetipsdancara.blogspot.com-->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<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: #585858;
font-family: Georgia, &#8220;Times New Roman&#8221;, Times, serif;
margin-bottom: 0.75em;
margin-top: 0em;
padding-top: 0em;
}
#related-posts a{
color:#444;
}
#related-posts a:hover{
color:#000000;
}
#related-posts a:hover {
background-color:#d4eaf2;
}
</style>
<script src='http://sastrablog.googlecode.com/files/relatedthumbs21.js' type='text/javascript'/>
</b:if>
<!--Related Posts with thumbnails Scripts and Styles End-->

4. Setelah terpasang lanjutkan cari aba-aba berikut:

<div class='post-footer'>

5. Mungkin ada lebih dari 2 aba-aba menyerupai diatas, cari aba-aba yang kedua atau lebih tepatnya yang bersangkutan dengan jumplink atau read more, letakkan aba-aba berikut ini dibawah aba-aba yang aku sebutkan diatas:

<!-- Related Posts with Thumbnails Code Start www.sharetipsdancara.blogspot.com-->
<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>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<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:if></b:loop>
<script type='text/javascript'>
var currentposturl=&quot;<data:post.url/>&quot;;
var maxresults=8;
var relatedpoststitle="Cara Praktis Membuat Related Post";
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs();
</script>
</div><div style='clear:both'/>
</b:if>
<!-- Related Posts with Thumbnails Code End-->

Angka yang aku kasih warna merah dapat anda ganti sesuka hati anda, itu ialah jumlah maksimal related post yang ditampilkan.

6. Klik simpan dan lihat hasilnya.

Share this post