Cara Membuat Related Post Dengan Gambar Di Blog

Cara Membaut Related Post Dengan Gambar Di Blog - Yap, sudah lama ga post niih,, kali ini mumpung lagi ada koneksi jadi saya akan posting,.. :D Pada postingan kali ini saya akan shate trik blog yaitu tentang Cara Membuat Related Post Dengan Gambaar Di Blog.

Nah, Fungsi dari memasang Artikel Terkait atau Related Post sangatlah penting bagi blogger, karena dengan adanya related post kita telah menunjukan kepada pembaca untuk membaca juga artikel-artikel yang berhubungan dengan postingan yang di bacanya.

Nah, bagi sobat yang tertarik untuk memasang Artickel Terkait, berikut tutorial nya :

• Pertama sobat harus Login dulu di Bloger.
• Pilih Template, kemudian klik Edit HTML.
• Setelah itu, cari kode </head> (tekan Ctrl + F untuk memudahkan pencarian)
• Jika sudah ketemu, Pastekan kode dibawah ini tepat di atas kode </head>

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

• Setelah itu cari kode <div class='post-footer'> Lalu pastekan kode dibawah ini tepat diatas kode <div class='post-footer'>

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

Catatan :

- Yang berwarna merah adalah jumlah Related Post yang akan muncul, dapat diganti sesuai dengan keinginan sobat.

- Yang berwarna ungu adalah judul Related Post sobat, dapat sobat ganti sesuai keinginan sobat.

• Yang terakhir Simpan Template.

Nah, itulah artikel tentang Cara Membaut Related Post Dengan Gambar Di Blog, Sekian dulu postingan kali ini,

Selamat Mencoba dan Semoba Bermanfaat,.. :)