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
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
Tidak ada komentar:
Posting Komentar