Cara membuat label menjadi berwarna

Pernah gak melihat label/katagori dari blog temen kamu berwarna?pasti dah pernah,pengen tahu cara membuat label blog menjadi berwarna.caranya simple aja brow..kamu tinggal menambahkan sedikit kode css pada blosspot kamu. lihat langkah2 di bawah ini:

1). Buka http://blogger.com/home
2). Klik tata letak
3). Klik Edit HTML
4). cari lode ]]></b:skin>
5).Leatkkan kode dibawah ini tepat diatas kode ]]></b:skin>


.label-size-1 a {
font-size: 12px;
text-decoration: none;
}
.label-size-2 a {
font-size: 14px;
text-decoration: none;
color:#cd9f01;
}
.label-size-3 a {
font-size: 15px;font-family: Arial, Tahoma, Verdana;text-decoration: none;
}
.label-size-4 a {
font-size: 18px;
font-weight:bold;
text-decoration: none;
color:#ea5a04;
}
.label-size-5 a {
font-size: 24px;
text-decoration: none;
}

.label-size-1 a:hover,
.label-size-2 a:hover,
.label-size-3 a:hover,
.label-size-4 a:hover,
.label-size-5 a:hover { text-decoration:underline }


Keterangan :
1. #cd9f01 dan #ea5a04 ganti dengan warna yang kamu inginkan
2. { text-decoration:underline } = Jika tidak ingin label kita digaris bawa saat pointer kita menyorot salah satu label, hapus kode tersebut

6). Klik simpan deh dan lihat hasilnya.

Keterangan :
1. #cd9f01 dan #ea5a04 ganti dengan warna yang kamu inginkan
2. { text-decoration:underline } = Jika tidak ingin label kita digaris bawa saat pointer kita menyorot salah satu label, hapus kode tersebut

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s

%d blogger menyukai ini: