Cara memasang related post blogspot dengan thumbnail

Related post atau artikel terkait sangat penting untuk meningkatkan pageviews halaman blog sobat.Dengan related post,kemungkinan pengunjung untuk menjelajahi artikel lainnya lebih besar.Semakin banyak page views,blog sobat akan mendapat prioritas tinggi search engine karena akan tercatat sebagai blog yang berkualitas.Mau,,,mau,,,,,mau.



Langsung saja masuk kedalam dasboard edit template/html  blogger sobat,kalau perlu backup template sobat dulu,buat jaga-jaga,p

Kalau sudah siap  copypaste code berikut sebelum /diatas code </head>
<!--Related Posts with thumbnails Scripts and Styles Start-->
<!-- remove --><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:#FF6600;text-shadow: 2px 2px 5px #CDF0F6;
font-family: Georgia, &#8220;Times New Roman&#8221;, Times, serif;
margin-bottom: 0.75em;
margin-top: 0em;
padding-top: 0em;
}
#related-posts a{
color:darkred;
font-weight: bold;
}
#related-posts a:hover{
color:black;
}
#related-posts  a:hover {
background-color:#d4eaf2;
}
</style>
<script type=text/javascript>
var defaultnoimage=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPLo552LvsLahorpnFodM9w13exzLMEwcJZ2ZUCvMRl-i-HoBUcnKUsV_8NjZTpZfd6AjLvHxfosZMHH-6FfsHUHwXb148Bcn7KOfCDrWpdjmfo-GrMoWe6M_Lk6RzHvdf1QPV_VoZ3yw/s400/noimage.png&quot;;
var maxresults=20;
var splittercolor=&quot;#d4eaf2&quot;;
var relatedpoststitle=&quot;Related Post&quot;;
</script>
<script src=http://blogergadgets.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-->



Lalu cari code yang seperti ini; (gunakan ctrl+F supaya lebih mudah menemukannya)

<div class=post-footer-line post-footer-line-1>
Kalau tidak ketemu coba cari yang ini

<div class=post-footer>

Jika sudah ketemu,CopyPaste kode berikut setelah/dibawah dari code diatas;
<!-- Related Posts with Thumbnails  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  End-->

Save template  > Test.SELESAI

Semoga blogger sobat semakin menarik dan SEO friendly dengan adanya related post with tumbnail ini.

0 komentar:

Posting Komentar