Cara Membuat Label Blog Keren

Cara Membuat Label tentu mudah sperti membalikkan tangan, tapi itu bagi yang udah mahir? kalo kita hmmm *pikir 1000x* hehee. Hanya dengan memanfaatkan sedikit tambahan class CSS3 kita dapat memodifikasi label menjadi menarik, cantik, serta keren.

Hasilnya akan seperti gambar di bawah ini, tapi jika belum seperti ini berarti kamu belum beruntung hehee

label blog

Tahap Cara Membuat Label Blog :
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>


 .Label a{ background:#00FFFF; padding:0 20px; color:#000!important; padding-left:20px; border-radius:90px; -moz-border-radius:90px; 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; }

8. Simpan Template
9. Masuk ke Tata Letak / Layout
10. Tambahkan widget dengan cara cari letak posisi label yang diinginkan, klik add a gadget.
11. Pilih LABEL
12. Atur sesuai keinginan anda, isikan Judul widget dengan Label atau Kategori.
13. Save.

Bagaimana kawan? Berhasil kah? jika tidak kamu belum beruntung hehee

Lihat tutorial blog lainnya KLIK DISINI

0 Response to "Cara Membuat Label Blog Keren"

Posting Komentar