Membuat Widget Label Keren Dengan Efek CSS3 - Widget Label Keren ini dilengkapi dengan Efek CSS3, jika kita sentuh maka Tulisannya akan mengeluarkan efek CSS3 yang pastinya keren, Contohnya bisa lihat gambar disamping .. Bagaimana Tertarik untuk memasangnya ??
Label merupakan Kategori Artikel yang pernah dibuat, jadi misalkan kita membuat Artikel seputar Widget, maka kita memberi Label Widget ( letaknya di kanan jika ingin membuat Artikel ) otomatis Label tersebut akan tampil ..
Sebelumnya, jika ingin memasang Label anda harus membuat Widgetnya terlebih dahulu, jika yang sudah ada tidak perlu membuatnya ..
Cara Membuat Label
- Dasbor ==> Tata Letak ==> Tambahkan Gadget
- Lalu Pilih Label/Kategori
- Sesuaikan Tampilannya
- Simpan
langkah diatas khusus untuk yang belum memasang Widget Label, jika sudah maka lewati saja Langkahnya ..
Nahh jika mau Widget seperti di atas maka anda harus menambah sedikit Kode dan menggunakan Edit/HTML ..
- Template ==> Edit HTML
- Cari Kode ]]></b:skin> (gunakan CTRL+ F untuk mempemudah pencarian)
- Copy kode dibawah ini, lalu Simpan di atas 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 Templatenya, dan lihat hasilnya
Sampai disini dulu Tutorial Membuat Widget Label Keren Dengan Efek CSS3 Semoga Bermanfaat, Selamat Mencoba ~
- Blogger