Cara Memasang Widget Artikel Terkait Dengan Gambar di Blogspot

Oke, biar gak nunggu lama lagi, berikut Cara Memasang Widget Artikel Terkait Dengan Gambar:

1. Pertama masuk ke Akun Blogger anda

2. Masuk design kemudian edit HTML

3. Centang kotak kecil di kanan atas Expand Widget Templates

4. Untuk menghindari kesalahan sebaiknya download template anda dulu

5. Setelah itu letakkan kode di bawah ini di atas </head>

<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: #585858;
font-family: Georgia, “Times New Roman”, Times, serif;
margin-bottom: 0.75em;
margin-top: 0em;
padding-top: 0em;
}
#related-posts a{
color:#FFFFCC;
}
#related-posts a:hover{
color:#000000;
}
#related-posts a:hover {
background-color:#d4eaf2;
}
</style>
<script src='http://sastrablog.googlecode.com/files/relatedthumbs21.js' type='text/javascript'/>
</b:if>

Kalau sudah, cari kode berikut

<div class='post-footer'>

Dan letakkan kode di bawah ini di atas kode di atas

<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>
<script type='text/javascript'>
var currentposturl="<data:post.url/>";
var maxresults=8;
var relatedpoststitle="Related Posts";
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs();
</script>
</div><div style='clear:both'/>
</b:if>

Nb_ Var maxresults=8 adalah jumlah artikel terkait yang muncul, silahkan di sesuaikan _ Anda bisa mengganti warna tulisan sesuka anda ( background-color:#d4eaf2;) background anda.

6. Simpan Template dan lihat Hasilnya

Baik, saya rasa pertanyaan sudah berhasil terjawab. Baik, sekarang waktunya bagi anda yang ingin bertanya kembali, atau mengkritik dan memberikan saran, silahkan jangan ragu langsung tuangkan di kotak komentar. Saya tunggu Lho.

Subscribe via Email