Sabtu, 27 Juli 2013

Membuat Label Keren Di Blog


membuat label keren Di blog | siaang semua, ketemu lagi nih, ini posting pertama saya setelah ganti template yang baru, jadi lebih semangat nih ,hehe, oh iya kali ini saya akan posting tentang bagaimana cara membuat label keren di blog, ini menggunakan efek CSS3 loh , jadi jangan khawatir akan memberatkan blog atau membuat loading blog lama , untuk lebih jelasnya silahkan si simak


  • Login ke Blogger: Dasbor
  • Pergi ke Menu Tata Letak -> Tambah Gadget -> Label [seperti gambar di bawah ini]
Membuat Label Blog Keren Dengan Efek CSS3
  • Kemudian pergi ke Menu Template -> Edit HTML -> centang Expand Widget Template
  • Cari kode ]]></b:skin> [gunakan ctrl+F untuk pencarian cepat]
    Lalu copas kode dibawah ini tepat diatas kode ]]></b:skin>
Kode CSS3:
 /*--- MBL Custom Label Cloud With CSS3 --- */ .Label a{ padding-left:20px; background:#0000FF; padding:0 20px; color:#fff!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:#ff0; }


  •  simpan template anda. 
sekian , semoga berhasil dan bermanfaat

Tidak ada komentar:

Posting Komentar