Selasa, 26 Juni 2012

You are here : Home » TAMPILAN SIDE BAR » Pasang Background Untuk Widget di Sidebar

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/AVvXsEhh8Dbo9HmB1M7x3rXD7jCzRRzkWhuJgOkTKXagrab5oaJbgY0Qtkw3vonKu9o2np2tt6cOZTa9_8lCz6BxXpZov1AnliIJCOgzHB_1S83AKCtimyDlsoo4yDkmcYF-82uYgdrv0zN6rYA/s1600/spiderman.jpg)}
]]></b:skin>

7. Klik Pratinjau atau langsung saja klik SIMPAN.

Selamat mencoba

7 komentar:

  1. Menarik nie gan kelihatannya. Ane mau coba. Pi cari gambar yang tepat dulu. Pengetahuan baru juga nie, ternyata untuk mengetahui widget id dari sebuah widget tertentu ternyata bisa langsung dilihat di Urlnya ya. Kalau saya biasanya carinya lewat Edit HTML. Maklum gan, newbie. hehe

    BalasHapus
    Balasan
    1. Pakai gambar dgn format gif lebih keren gan :D

      Hapus
  2. keren euyy,haturnuhun gan info tutornya

    BalasHapus
  3. mantaps euy,,, ingin pasang juga nih disini,

    http://downloadom.blogspot.com/ tolong dicek dnk, kalau backgroundx mau dipasang diganti warna gmna caranya?

    BalasHapus
  4. GAN MW TANYA .....
    GIMANA CARA MEMASUKAN KODE HTMK SENDIRI KE BLOG

    BalasHapus
    Balasan
    1. Masukan ke elemen yg mana sis ??

      Ke postingan ?? ke side bar ??

      Hapus