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.
keren banget labelnya, ijin mencoba gan...
BalasHapus