Go Blog Go

Membuat Widget Labels Berwarna

Posted by Go Blog Go Posted on 5:07 PM with No comments
Assalamu'alaikum Wr.Wb.

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 Template
8. 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

 
Powered by : Blogger
Copyright © 2011. Go Blog Go - All Rights Reserved
Template Created by Go Blog Go Published by Wong Wayang