Widget Label Cantik Berdasarkan Kategori

Banyak blogger yang membuat variasi widget label. Semua terbilang cukup keren dan menarik. Sekarang saya akan memberikan cara membuat widget label cantik berdasarkan kategori. Widget ini dapat di setting secara manual dan yang jelas tampilannya juga tidak kalah menarik dengan tampilan lainnya. Anda dapat mengatur jumlah tampilan, kategori tertentu, jumlah keterangan posting, thumbnail gambar, dan lain sebagainya. Disamping itu cara pembuatannya cukup mudah dan widget label cantik berdasarkan kategori ini tidak memberatkan loading blog. Sekarang mari kita bahas cara membuat widget label cantik berdasarkan kategori. Ikuti langkah berikut.

Log in ke blogger
Klik Template
Klik Edit HTML
Masukkan kode berikut di atas kode ]]></b:skin>

img.label_thumb{float:left; margin-right:10px !important; height:65px; width:65px; border:1px solid #fff; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; -webkit-box-shadow:0 1px 1px rgba(0,0,0,.4); -moz-box-shadow:0 1px 1px rgba(0,0,0,.4); box-shadow:0 1px 1px rgba(0,0,0,.4)}
.label_with_thumbs{float:left; width:100%; min-height:70px; margin:0px 10px 2px 0px; padding:0}
ul.label_with_thumbs li{padding:8px 0; min-height:65px; margin-bottom:0px; border-bottom:1px dotted #999}
.label_with_thumbs li{list-style:none; padding-left:0px !important}
.label_with_thumbs a{text-transform:uppercase}
.label_with_thumbs strong{padding-left:0px}

Selanjutnya masukkan kode berikut di atas kode </head>

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

Klik Simpan Template
Selanjutnya klik Pengaturan
Klik Tambah Gadget
Pilih HTML/JavaScript
Masukkan kode berikut ke dalamnya

<script type='text/javascript'>var numposts = 5;var showpostthumbnails = true;var displaymore = false;var displayseparator = true;var showcommentnum = false;var showpostdate = false;var showpostsummary = true;var numchars = 100;</script>
<script type="text/javascript" src="/feeds/posts/default/-/LABEL-ANDA?published&alt=json-in-script&callback=labelthumbs"></script>

Ganti tulisan merah dengan kategori atau label anda
Klik Simpan dan lihat hasilnya

Cara Pengaturan:
var numposts = 5; /* jumlah popsting yang ditampilkan */
var showpostthumbnails = true; /* menampilkan thumbnail. bila tidak ingi ganti true menjadi false */
var displaymore = false; /* menampilkan link more. Ganti false menjadi true bila ingin menampilkan */
var displayseparator = true; /* menampilkan separator */
var showcommentnum = false; /* menampikan jumlah komentar */
var showpostdate = false; /* menampilkan tanggal posting */
var showpostsummary = true; /* menampikan kutipan posting */
var numchars = 100; /* menampilkan jumlah karakter dalam kutipan posting */

Demikian tutorial cara membuat widget label cantik berdasarkan kategori. Semoga bermanfaat bagi kita semua, amin. Selamat mencoba dan sukses selalu.

"keep spirits and do the best"