Post Game: Cara Membuat Label Keren Di Blog Dengan Efek CSS3

Thursday, December 29, 2016

Cara Membuat Label Keren Di Blog Dengan Efek CSS3

Selamat sore sobat blogger semua !!! Kali ini, aq akan mengulas tentang Cara Membuat Label Keren di Blog dengan efek CSS3. Lebih jelasnya, silahkan lihat screenshotsnya di samping ini.
Gimana sob, tertarik nggak ?!
Buat yang berminat, silahkan ikuti tutorial di bawah ini ya.

Cara Membuat Label Keren Di Blog Dengan Efek CSS3 :

1 . Log In Blogger

2 . Pilih Blog Yang Akan Di Edit

3 . Pergi Ke Template

4 . Klik Edit HTML

5 . Centang Expand Template Widget

6 . Cari Tulisan ]]></b:skin> ( Tekan Ctrl + F atau F3 Di Keyboard Untuk Mencari )

7 . Pasang Kode Di Bawah Ini Tepat Di Atas Kode ]]></b:skin>

/*--- KxMadagascar Custom Label With CSS3 --- */ .Label a{ padding-left:20px; background:#FFA500; padding:0 20px; color:#000!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:#fff; }

10 . Simpan

11 . Sekarang,Pergi Ke Tata Letak

12 . Cari Label , Terus Klik Edit

13 . Sama-Kan Label sobat Dengan Gambar Di Sebelah.

14 . Simpan.

Catatan :

Yang Hitam Tebal Di Klik
Yang Merah Di Cari
Yang Orange Kotak Label Pertama
Yang Hijau Text Label Pertama
Yang Biru Kotak Label Berubah Warna
Yang Ungu Text Label Berubah Warna

Go to link Download