Simpan » Diposting oleh Unknown » Senin, 04 Juni 2012 »
permalink

Senin, 04 Juni 2012
Unknown
No comments

Cara Memasang Widget Artikel Terkait Dengan Gambar:


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>

<!--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:#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>
<!--Related Posts with thumbnails Scripts and Styles End-->
Kalau sudah, cari kode berikut
<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=8;
var relatedpoststitle="Related Posts";
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs();
</script>
</div><div style='clear:both'/>
</b:if>
<!-- Related Posts with Thumbnails Code End-->




 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.







    Reaksi:

    0 komentar:

    Ayo komentar kamu yang pertamax wa di Cara Memasang Widget Artikel Terkait Dengan Gambar:

     
    powered by blogger.com 4sek4w4n mobile template

    Ads