Selasa, 26 Juni 2012

Pasang Background Untuk Widget di Sidebar

Agan ingin menambahkan gambar sebagai background untuk gadget di side bar ??
Di bawah ini salah satu contoh gadget yang telah di berikan background.


Bagaimana ?? Agan tertarik mencobanya ??

1. Di halaman Dasbor, Agan pilih template.
__Klik Edit HTML, Pilih Lanjutkan.

2. Beri centang pada expand template widget.

3. Cari kode ini ]]></b:skin>
__Gunakan CTRL F untuk memudahkan pencarian.

4. Lalu pastekan kode berikut di atas kode ]]></b:skin> tadi.

#alamatwidgetid{background:url(alamatgambar)}

Perhatikan. Untuk mengetahui alamat widget id, Agan masuk dulu ke Tata Letak, lalu buka salah satu elemen widget yang dalam hal ini ingin di berikan background.

Perhatikan URLnya, lihat contoh gambar.

background widget

Di situ ada tulisan widgetId=HTML5. Nah, ambil HTML5 nya saja.

Sementara itu, ganti juga tulisan alamatgambar dengan URL gambar milik Agan.

6. Dalam hal ini saya contohkan pemasangan susunan kode pada gadget follower di atas yang telah di beri background gambar Spiderman.

#Followers1{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpWWN7-_Wgp6y0p4ego7Je0xq4hD-2j-dSZfvTzfWlt_kciSaxCQq-NdO1mN3A_ijDD9j7HGMGumyiRE_EIi1lpPeWJ5_lMH5HQQ0UbO1FBSKvjvMTm4Gst54ngL_kBlwau3lVxult64w/s1600/spiderman.jpg)}
]]></b:skin>

7. Klik Pratinjau atau langsung saja klik SIMPAN.

Selamat mencoba

Tidak ada komentar: