Membuat Label Blogger Keren Dengan Efek CSS3

Label blogger keren yang dimaksud bisa sobat lihat pada gambar dibawah ini, atau bisa lihat secara langsung pada widget kategori blog ini.

Sreenshot Label Cloud Blogger Keren Dengan Efek CSS3

Cara membuatnya gampang, ikuti saja langkah-langkah dibawah ini:
Pertama, tambahkan widget label diblogmu.
- Tata Letak - Tambah Gadget - Label (lihat gambar)

Kedua, Edit Template
- Template - Edit HTML
Cari kode ]]></b:skin> (gunakan ctrl+F untuk pencarian cepat)
Lalu copas kode dibawah ini tepat diatas kode ]]></b:skin>

/*--- MBL Custom Label Cloud With CSS3 --- */
.Label a{
padding-left:20px;
background:#000;
padding:0 20px;
color:#fff!important;
border-radius:100px;
-moz-border-radius:100px;
height:32px;
line-height:32px;
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:#ff0; }

Terakhir Simpan Template, Selesai.
Semoga Cara Membuat Label Blogger Keren Dengan Efek CSS3 bermanfaat untuk anda.

Kamis, 10 Januari 2013