Cara Membuat Related Post Dengan Gambar

Cara Membuat related post dengan gambar - Ya kali ini saya akan memberikan 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 ini 

<!--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

Saya rasa penjelasan tentang Cara Membuat Releted Post Dengan Gambar sudah jelas. 
Semoga bermanfaat.