Cara Mudah Memasang Widget Perlabel Berdasarkan Kategori di Blog

Cara Mudah Memasang Widget Perlabel Berdasarkan Kategori di Blog

Baca Juga

Kali ini Bang dimar mau menulis Cara Mudah Memasang Widget Perlabel Berdasarkan Kategori di Blog widget ini saya rasa juga cukup penting di pasang di blog agar para pembaca mudah untuk menemukan artikel artikel yang telah kita publiskan.

widget ini juga hampir mirip seperti widget feed yang artikelnya sudah saya publiskan yaitu Cara mudah menambahkan widget feed
Widget ini juga di kategorikan dengan label dan langkah langkah pemasangannya sebagai berikut.

1. Silahkan bukak blog anda dan klik Templet => klik edit HTML
2. Kemudian silahkan anda cari kode ]]></b:skin> dan letakkan kode dibawah ini tepat diatas kode
]]></b:skin>

 img.label_thumb{float:left;border:1px solid #8f8f8f;background:#D2D0D0;margin-right:10px;height:60px;width:60px;padding:2px}
img.label_thumb:hover{background:#f7f6f6}
.label_with_thumbs{float:left;width:100%;min-height:70px;margin:0 5px 2px 0}
ul.label_with_thumbs li{min-height:65px;margin:2px 0;padding:4px 0}

2. Langkah berikutnya cari kode </head> dan letakkan script dibawah ini tepat diatas kode </head>
Kemudian klik save

 <script src='http://yourjavascript.com/425111422721/label.js' type='text/javascript'/>

3. Langkah berikutnya masuk ke tata letak tambahkan gadget=>javascript dan pastakan kode di bawah ini

<script type='text/javascript'>var numposts = 1;var showpostthumbnails = true;var displaymore = false;var displayseparator = false;var showcommentnum = false;var showpostdate = false;var showpostsummary = true;var numchars = 60;</script>

<script type="text/javascript" src="/feeds/posts/default/-/label?orderby=updated&alt=json-in-script&callback=labelthumbs"></script>

<script type="text/javascript">
function recentpostslist(json) {
 document.write('<ul>');
 for (var i = 1; i < json.feed.entry.length; i++)
 {
    for (var j = 1; j < json.feed.entry[i].link.length; j++) {
      if (json.feed.entry[i].link[j].rel == 'alternate') {
        break;
      }
    }
var entryUrl = "'" + json.feed.entry[i].link[j].href + "'";//bs
var entryTitle = json.feed.entry[i].title.$t;
var item = "<li>" + "<a href="+ entryUrl + '" target="_blank">' + entryTitle + "</a> </li>";
 document.write(item);
 }
 document.write('</ul>');
 }
</script>
<script src="http://bangdimar.blogspot.com/feeds/posts/summary/-/label?max-results=6&alt=json-in-script&callback=recentpostslist"></script>
<a href="http://bangdimar.blogspot.com/search/label/label" style="float:right;font:normal 11px Arial;padding:5px 0;">More on this category &#187;</a>

Keterangan: tulisan biru ganti dengan judul label anda samakan huruf besar dan kecilnya saat menulis judul label dan tulisan merah isi dengan url blog anda.

Demikian Cara Mudah Memasang Widget Perlabel Berdasarkan Kategori di Blog

Baca juga:
Cara Mudah Mengganti Background Postingan di Blog