Berita Terkini
Loading...
Thursday, 13 March 2014

Menambahkan Warna Background Widget atau Gadget Pada Blogger

03:57

Niat Ngeblog - 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.


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


Selamat mencoba,

0 komentar:

Post a Comment

 
Toggle Footer