Trik Membuat Label blogspot keren

Trik Membuat Label lebih indah dengan css - selama ini label di blogspot tampilannya standar alias biasa - biasa saja, nah jika anda ingin tampilannya lebih indah dan segar silahkan simak tutorial yang akan saya bahas kali ini, tapi dengan syarat anda sudah menambahkan gadget label yang ada pada blogspot, jika anda belum punya gadgetnya silahkan anda tambahkan dengan cara :

1. Pastikan anda sudah Log in di blog anda
2. Klik Rancangan
3. Klik Tambah Gadget
4. Scroll ke bawah dan klik Label
5. Jangan Lupa Pengaturannya seperti gambar ya
   
   
   
   
   
6. Kemudian klik simpan

Sebelum kita modif coba anda lihat terlebih dahulu, pasti biasa2 kan, nah setelah kita modif nanti jadinya seperti ini


Mari Langsung kita praktekan caranya :

1. Masuk di blog
2. Klik Rancangan
3. Klik Edit HTML
4. Cari kode ]]></b:skin>
5. Setelah ketemu silahkan tambahkan kode css di bawah ini di atas kode ]]></b:skin>

#Label1 li {
text-align: left;
background: rgb(0, 138, 0);
border-right: 5px solid #090;
border-bottom: 1px solid #070;
border-top: none
}
#Label1 li:hover {
background: rgb(44, 83, 158);
border-right-color: #222;
}
#Label1 li a, #Label1 li a:visited {
color: #CCC;
margin-left: 20px;
display: block;
text-transform: uppercase
}
#Label1 {
font-size: 11px;
font-weight: bold
}

Dan Klik SIMPAN TEMPLATE / SAVE TEMPLATE
Dan silahkan anda lihat kembali label anda.
Untuk Menyesuaikan warnanya silahkan simak keterangan di bawah ini :

Silahkan anda perhatikan kode:
background: rgb(0, 138, 0); itu adalah kode berwarna hijau sedangkan
background: rgb(44, 83, 158); itu adalah warna ungu yang munculnya saat di hover / saat label link di sentuh. untuk mengganti warnanya silahkan lihat kode warna setelah itu silahkan Simpan template dan lihat hasilnya. semoga label blogspotnya makin keren dengan css