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



BACA JUGA!
- Membuat widget hanya muncul pada postingan
- Cara membuat daftar isi otomatis pada blogger
- Membuat Menu Horisontal pada blogger
- Membuat Breadcrumb Navigation pada blogger
- Cara membuat widget hanya tampil di homepage
- bertukar link dengan adil
- Membuat 3 kolom element dibawah header
- Membuat dua element dibawah header
- Cara menghapus komentar blog
- Cara membuat navbar auto hidden
- Membuat search engin pada navbar blog
- Cara membuat kotak banner
- Cara Memasang search engin pada blog
- Membuat background pada relate post/artikel terkait
- Cara membuat text area dengan background warna dan gambar
- Membuat footer tiga kolom di bawah posting
- Cara memasang sitemeter pada blog
- Memasang tombol share twitter dan facebook pada setiap postingan
- Meta tag title blog yang ramah SEO
- Membuat efek turun salju pada blog
- Menambah elemen dibawah postingan
- Menampilkan kode html dalam postingan blog

0 comments:

Post a Comment

Search

Loading...

Popular Posts

Powered by Blogger.

Blog Archive