Cara Memasang Related Post (Postingan Terkait)

Tips Memasang Related Post

Related post atau postingan terkait sangatlah bermanfaat dipasang pada blog anda. di antaranya adalah Meningkatkan Page View Pada Blog dan bisa juga Membuat Pengunjung Blog Betah berlama-lama di blog anda.

tidak usah panjang lebar. saya akan memberikan Cara Memasang widget Related Post Pada Blog. Caranya sebagai berikut :

Langkah Pertama yang harus dilakukan

1. Masuk Ke Akun Blogger Anda

2. Masuk ke menu template

3. masuk ke menu edit HTML

4. Cari kode </Head> (Untuk mempermudah pengerjaan dalam mencari tekan CTRL + F 

lalu masukan kode di bawah ini dan letakan DI ATAS kode </head>

<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.2em;
font-weight: bold;
color: black;
font-family: Georgia, &#8220;Times New Roman&#8221;, 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://kangdansen.googlecode.com/files/relatedpostwiththumbnail.js' type='text/javascript'/>
</b:if>

jika sudah. cari lagi kode <div class='post-footer-line post-footer-line-3'/>

lalu letakan kode di bawah ini dan letakan DIBAWAH kode <div class='post-footer-line post-footer-line-3'/>

<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><a href='http://www.omseoli.com' 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=&quot;<data:post.url/>&quot;;

var maxresults=5;

var relatedpoststitle=&quot;Postingan Terkait Tutorial Seo Blog&quot;;

removeRelatedDuplicates_thumbs();

printRelatedLabels_thumbs();

</script>

</div><div style='clear:both'/>

</b:if>

jika sudah. klik simpan template dan liahatlah perubahan pada blog anda.

Demikian Cara Memasang Related Post semoga bermanfaat

Tweet