Menambahkan Warna Background Widget atau Gadget Pada Blogger
Blogger Proo - Agar widget atau gadget lebih menarik maka salah satu triknya adalah memberi warna berbeda pada background tersebut. Caranya mudah, tetapi diperlukan pemahan terlebih dahulu terdahap kode-kode pada blog kita.
Gak usah pusing dahulu sobat, baca dengan perlahan artikel ini. Ada beberapa pemahan yang kamu harus tahu.
01. Mengetahui ID widget / gadget di HTML blogger.
Caranya adalah buka salah satu widget / gadget pada blog kamu dan lihat link yang tertera pada bagian atas. Berikut contohnya, seperti pada gambar.
Untuk mengeceknya, kamu bisa lihat di Edit HTML cari kode ID widget / gadget kamu.
Untuk mengeceknya, kamu bisa lihat di Edit HTML cari kode ID widget / gadget kamu.
02. Menambahkan kode warna.
a. Buka account blog kamu.
b. Pilih Design.
c. Pilih Edit HTML.
d. Centang kotak Expand Widget Templates.
e. Tambahkan kode berikut tepat di atasnya ]]></b:skin>
#ID {background:#d3c6ac;padding:3px;}
#ID h2 {background:#8bed99}
#ID .widget-content {background:#99bde1;}
d. Kemudian Save
Keterangan :
Ganti ID dengan ID Widget/Gadget seperti no 1.
Untuk mengganti warnanya, kamu bisa melihat kode warna seperti pada kode warna photoshop
Kode 1. Untuk memberi warna Background widget / gadget
Kode 2. Untuk memberi warna judul widget / gadget
Kode 3. Untuk memberi warna pada content widget / gadget
Ganti ID dengan ID Widget/Gadget seperti no 1.
Untuk mengganti warnanya, kamu bisa melihat kode warna seperti pada kode warna photoshop
Kode 1. Untuk memberi warna Background widget / gadget
Kode 2. Untuk memberi warna judul widget / gadget
Kode 3. Untuk memberi warna pada content widget / gadget
Selamat mencoba,