Membuat Widget Labels Berwarna mungkin Blogernize Mojang dan Bujang yang belum tau gimana cara-nya agar Widget Labels yang setiap nama Labels-nya berbeda warna di SideBar. Share posting Go Blog Go akan menjelaskan cara-nya sangat mudah berikut ini :
1. Login ke Blogger
2. Dashboard -> Klik Monetize -> Template
3. Jangan lupa back-up template-nya
4. Klik Edit HTML -> Klik Expand Widget Template
5. Cari Kode ]]></b:skin>
6. Tambahkan Kode CSS dibawah ini sebelum Kode ]]></b:skin>
/* LABEL COLORING */
.label-size-1 a{font-size:9px;text-decoration:none;color:#4b8a08}
.label-size-2 a{font-size:11px;text-decoration:none;color:#df0101}
.label-size-3 a{font-size:13px;font-family:Arial,Trebuchet MS,Verdana;text-decoration:none;color:#045fb4}
.label-size-4 a{font-size:15px;text-decoration:none;color:#df7401}
.label-size-5 a{font-size:16px;text-decoration:none;color:#8d1cdc}
.label-size-6 a{font-size:17px;text-decoration:none;color:#e6dc68}
.label-size-7 a{font-size:18px;text-decoration:none;color:#f199ec}
.label-size-8 a{font-size:19px;text-decoration:none;color:#adb975}
.label-size-9 a{font-size:21px;text-decoration:none;color:#afbbc7}
.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,.label-size-6 a:hover,.label-size-7 a:hover,.label-size-8 a:hover,.label-size-9 a:hover{text-decoration:none}
7. Save Template8. Preview hasil-nya
Voaaala Cuma segitu aja Mojang dan Bujang selamat ber-Blogging. Go Blog Go...!!! Amiin
Wassalam,
0 comments:
Post a Comment
Catatan :
1.Untuk menyisipkan Kode, gunakan Tag <i rel="code">Kode Anda Di-Sini...</i>
2.Untuk menyisipkan Kode Panjang, gunakan Tag <i rel="pre">Kode Anda Di-Sini...</i>
3.Untuk menyisipkan Kode Gambar, gunakan Tag <i rel="image">URL Gambar Anda Di-Sini...</i>
4.Untuk menyisipkan Catatan, gunakan Tag <b rel="quote">Catatan Anda Di-Sini...</i>
NB: Sebelum menyisipkan Kode, konversi terlebih dulu Kode-nya agar bisa tampil di Kolom Komentar