Cara Membuat Related Post Dibawah Postingan Blog

r Mungkin dalam hal mempermudah pengunjung menjelajahi blog kita..pasti banyak yang akan kita utak-atik agar pengunjung merasa puas dengan blog kita,,,saat ini Saya akan memberikan sedikit tips untuk membuat related post dibawah postingan...

related post

Bagaimana cara pembuatannya????

1. login ke akun blog sobat

2. klik template - edit HTML

3. kemudian cari kode </head> untuk lebih mudah pencarian tekan ctrl + F

4. jika sudah ketemu kode tersebut, pastekan kode dibawah ini tepat diatas kode </head> 

<!--Related Posts  Start-->  <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 src='https://sites.google.com/site/javascripsrelated/related/relatedpostwiththumbnails2.js' type='text/javascript'/>

</b:if>

<!--Related Posts End-->

5. jika langkah diatas sudah dilakukan, sekarang cari kode <div class='post-footer-line post-footer-line-1'>

biasanya ada dua kode yang akan ditemukan, pilih kode yang kedua

6. jika suda ketemu, ganti kode tersebut dan gantikan dengan kode dibawah ini 

<!-- Related Posts Start-->

<b:if cond='data:blog.pageType == "item"'>

<div id='related-posts'>

<b:loop values='data:post.labels' var='label'>

<b:if cond='data:label.isLast != "true"'>

</b:if>

<b:if cond='data:blog.pageType == "item"'>

<script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels_thumbs&max-results=6"' type='text/javascript'/></b:if></b:loop><a href='http://tetap-belajar.blogspot.com' style='display:none;'>Related Posts dengan thumbnails untuk blogger</a>

<script type='text/javascript'>

var currentposturl="<data:post.url/>";

var maxresults=10;

var relatedpoststitle="Related Posts";

removeRelatedDuplicates_thumbs();

printRelatedLabels_thumbs();

</script> </div>

<div style='clear:both'/>

</b:if> <!-- Related Posts End-->

7. kemudian save template...sedikit informasi dari penulis, sebaiknya anda sedikit berhati-hati dalam menghapus kode diatas karena jika anda salah menghapus kode,  akan mengakibatkan template anda tidak bisa disimpan...

semoga berguna untuk anda