Cara Mudah Pasang Related Post Thumbnail di Blog


Tutorial Blog kali ini berbagi informasi mengenai tips blogger atau blogspot, untuk mempercepat blog kita populer di mesin pencari google, salah satunya adalah dengan menempatkan Related Post. Banyak model related post yang bisa di pasang, salah satunya adalah Related Post Thumbnail. Kalian bisa memasangnya di blog dengan mengikuti caranya mudah di bawah ini

Sebelumnya memasang anda harus Backup/Restore button di Template Section. Ikutilah cara nya di bawah ini dengan hati hati ya..

Masuk ke Blogger Dashboard >> Then Template

Klik  >> Edit HTML

Kemudian cari dengan Ctrl+F yaitu </head>

Setelah ketemu </head>  Paste kode di bawah ini di atas </head> Section

<!--Related Posts 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 h6{
font-size: 1.6em;
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:#EDEDEF;
}
</style>
<script type='text/javascript'>
var defaultnoimage=&quot;https://lh5.googleusercontent.com/-H5Xc8tomD6A/UeQvlU5D0OI/AAAAAAAADAc/7-x5d7Zx_VY/s72/noimage.png&quot;;
var maxresults=5;
var splittercolor=&quot;#d4eaf2&quot;;
var relatedpoststitle=&quot;Related Posts&quot;;
</script>
<script src='https://googledrive.com/host/0B_1mqJd2tC8qcHBrOFRaQ05mcDA/' type='text/javascript'/>
<!-- remove --></b:if>
<!-- Related Posts Ends-->


Setelah memasang kode di atas selanjutnya ccari kode di bawah ini

<div class='post-footer-line post-footer-line-1'>

Setelah ketemu kode tersebut maka copy paste kode di bawah ini, penempatannya setelah atau di bawah kode tersebut

<!-- 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>
<b:if cond='data:blog.url == data:blog.homepageUrl'><b:if cond='data:post.isFirstPost'>
</b:if></b:if>
<!-- Related Posts with Thumbnails Code End-->


Demikian lah informasi mengenai Cara Mudah Pasang Related Post Thumbnail di Blog. Semoga bermanfaat.

1 Komentar untuk "Cara Mudah Pasang Related Post Thumbnail di Blog"
Back To Top