Cara Membuat Widget Label Blog Unik

Membuat widget untuk blog tentulah sangat bermanfaat untuk memper indah tampilan blog dan menyejukkan mata yang mengunjunginya, namun widget yang unik tentunya sangat diminati dan banyak yang ingin membuatnya, membuat tampilan widget dengan CSS3 sangat lah menjadi pilihan tepat buat anda yang suka dengan tampilan unik.

Berikut adalah langkah-langkah untuk membuat tampilan widget label dengan CSS3 :

1. Login ke Blog anda.

2. Pilih Blog yang ingin dilakukan pengeditan.

3. Pergi ke Template.

4. Klik Edit HTML.
5. Centang Expand Template Widget.

6. Cari tulisan ]]></b:skin>. ( cara cepat : Ctrl+F dan tulis ]]></b:skin> ).

7. Tulis kode berikut di atas tulisan ]]></b:skin>.

/*--- KxMadagascar Custom Label With CSS3 --- */
 .Label a{ padding-left:20px;
 background:#FFA500;
 padding:0 20px;
 color:#000!important;
 border-radius:100px;
 -moz-border-radius:100px;
 height:17px;
 line-height:17px;
 text-transform:uppercase;
 text-decoration:none;
 border:none !important;
 -webkit-transition:all .3s ease-in-out !important;t: 30pxt: 30px;
 float:left;
 margin-left:5px;
 margin-top:5px;
 font-size:14px;
 }
 .Label a:hover{ color:#000 !important;
 background:#fff;
 }

8. Klik Simpan.
9. Pergi ke Tata Letak.
10. Tambah Widget Label, kemudian klik edit.
11. Samakan settingan dengan Gambar Berikut :

12. Simpan.

Semoga pengunjung dapat manfaat danberhasil dalam mencoba membuat widget label unik dengan CSS3. Terima Kasih.