Cara menambahkan background pada Gadget

hallo sobat blogger !!
lama nih wa gk posting lagi soalnya pusing mau posting apa. mlz kelamaan basa basi langsung aja yuk ke topik pembicaraan.
kenapa saya beri judul artikel ini seperti di atas karena saya memang mau membahas tentang Cara menambahkan background pada gadget.



nih screen shot punya saya :

lang sung ke TKP !!

Hal pertama yang harus dilakukan adalah mencari id dari tiap widget yang akan di isikan background, yang ada di sidebar, caranya, buka Blogger --> Design --> Edit HTML, kemudian cari kode :

1. <div id='sidebar-wrapper'> ini untuk kode css template yang lama atau
2. <b:section-contents id='sidebar-right-1'> dan kode sebelah ini untuk template baru yang sidebar-nya ada disebelah kanan, pada intinya cari kode yang hampir sama dengan kode tersebut, atau langsung cari kode dibawah.

Setelah ketemu kemudian coba lihat kode dibawahnya, dan cari kode yang dicetak tebal dibawah ini.

<b:widget id='Followers1' locked='false' title='Followers' type='Followers'/>

<b:widget id='BlogArchive1' locked='false' title='Blog Archive' type='BlogArchive'/>

Kode diatas merupakan beberapa kode widget yang biasanya selalu ada di sidebar untuk menampilkan widget Follower dan widget Archive.
Untuk melihat id widget diatas coba perhatikan kode yang diberi warna merah, nach kode itulah yang disebut id dari widget.

Untuk lebih memudahkan, saya hanya ambil dua widget saja sebagai contoh.

Setelah mengetahui ID dari tiap widget, tinggal dibuat kode CSS3-nya.

 

#Followers1{

background: url('Url gambar')center;
}
#BlogArchive1 {
background: url('Url gambar')center;
}

 

Selanjutnya copy kode CSS3 diatas, dan paste-kan tepat diatas kode ]]></b:skin>

Simpan dan lihat hasilnya.

Sedikit penjelasan :

1. Url Gambar ganti dengan url gambar anda

 Jika anda mengalami kesulitan silahkan bertanya melalui komentar "Malu bertanya Sesat di jalan"

......::::::Selamat mencoba::::::......

Stay Connected With Free Updates

Subscribe via Email

You Might Also Like