Tip Membuat Related Post Dengan Gambar

Berikut adalah cara bagaimana membuat releted post dengan gambar. Apa sih pentingnya related post. Related post sangat penting untuk meningkatkan page view sebuah blog ,dengan meningkatnya sebuah pege view blog otomatis blog tersebut akan cepat naik page ranknya .

Seperti inilah bentuk dari related post atau artikel terkait.

-------------------------------------------------------------------------------------------

Cara Membuat Related Post Dengan Gambar :

Login ke Blogger

Masuk ke Rancangan/Design

Pilih Edit HTML jangan lupa centang Expand Widget Template

Cari kode </head> gunakan Ctrl+F

Ganti kode di atas dengan script di bawah in

-------------------------------------------------------------------------------------------

        <!--Related Posts with thumbnails Scripts and Styles Start--> 

       <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:#000000;
}
#related-posts a:hover{
color:#000000;
}
#related-posts a:hover {
background-color:#FF0000;
}
</style>
<script src='http://adablogku.googlecode.com/files/relatedAdaBlog.js.txt' type='text/javascript'/>
</b:if>
<!--Related Posts with thumbnails Scripts and Styles End-->
</head>

---------------------------------------------------------------------------------------------
Kemudian cari kode <div class='post-footer'>

Ganti kode di atas dengan script di bawah ini

 <!-- Related Posts with Thumbnails Code Start-->
    <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=6;
    var relatedpoststitle="Artikel Terkait";
    removeRelatedDuplicates_thumbs();
    printRelatedLabels_thumbs();
    </script>
    </div><div style='clear:both'/>
    </b:if>
    <!-- Related Posts with Thumbnails Code End-->
    <div class='post-footer'>

 Save template.

Var maxresult=6; Adalah jumlah gambar yang akan muncul

Var relatedpoststitle="Artikel Terkait"; Adalah judul ,bisa anda ganti sesuai keinginan anda.

Semoga bermanfaat.