Membuat Tag Label Keren Dengan CSS3

Gambar di bawah ini sering anda lihat kan, nah kali ini karena sobat telah hadir kembali di blog ini, Chekmad akan membahas bagaimana cara membuat dan menampilkan bentuk label tersebut ke blog sobat semua.


Mari kita ikuti panduan ChekMad kali ini :

  1. Pastikan sudah berada di blog sobat sendiri 
  2. Lanjutkan ke Menu TEMPLATE
  3. Pilih EDIT HTML
  4. Cari kode berikut ]]></b:skin> dan letakkan kode di bawah ini sebelum ]]></b:skin>
/*--- Custom Label cloud --- */
.Label a{ padding-left:20px; background:#666; padding:0 20px; color:#000!important; border-radius:3px; -moz-border-radius:3px; 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; }

Selanjutnya silahkan di simpan bila sudah selesai, dan mari kita lanjtukan untuk menampilkannya pada blog sobat.

  1. Silahkan Menuju TATA LETAK
  2. Add Widget LABEL buat yang Belum Memasang dan silahkan ikuti seperti gambar di bawah 
  3. kemudian Simpan dan sobat lihat hasilnya pada tampilan Blog Sobat

Selamat Mencoba.

Membuat Tag Label Keren Dengan CSS3 Membuat Tag Label Keren Dengan CSS3 Reviewed by Chek 404 on November 16, 2014 Rating: 5

Tidak ada komentar:

Diberdayakan oleh Blogger.