Friday, August 31, 2012

Cara Modifikasi Widget Label Cloud ala Wordpress untuk Blogger



Mempunyai blog yang profesional, menarik, banyak pengunjung adalah impian para semua sibat blogger, dengan memodifikasi blog mereka maka para pengjung akan segan dan ingin mengunjunginya lagi lain waktu. banyak cara untuk memodifikasi kan tampilan Template mereka, salah satunya trik dari saya ini yang saya beri Judul Cara Modifikasi Widget Label Cloud ala Wordpress untuk Blogger.


Mungkin dengan tampiilan Widget Label yang biasa itu tampilan yang sangat kurang menarik bagi saya. oleh karena itu saya mencoba untuk membagikan cara Memodifikasi label Cloud ala Wordpress untuk Blogger.
Untuk memulai memodifikasinya silahkan simak langkah-langkah dibawah ini :

1. Langkah pertama adalah ubahlah tampilan dari Daftar diubah menjadi tampilan Cloud. kalau kurang jelas silahkan lihat previewnya dibawah ini :


2. Pilih template >klik edit html, jangan lupa centang Expand Template Widget
3. Cari kode ( Ctrl+F ) ]]></b:skin>, setelah ketemu, pastekan kode CSS di bawah ini tepat diatas kode ]]></b:skin> 

/* -- Labels -- */
    .label-size {line-height: 1.2;float: left;font:normal normal 13px Cuprum;}
    .label-size a {-khtml-border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;background: #aaa;border: none;border-radius: 3px;color: #fff;text-shadow:0 -1px 1px rgba(0,0,0,0.25);float: left;margin: 0 4px 4px 0;padding: 5px 6px;}
    .label-size a:hover {background: #ffcb0f;}-
    .label-size span {float: right;font-size: 9px;margin: 0 0 4px;}
4. Simpan Template. done



Artikel Terkait: