Unique Background Images For Widgets menampilkan latar belakang gambar lucu, unik untuk widgets ( LinkList1, Text1, ataupun BlogArchieve1 ) pada blogspot. Bingung ? Perhatikan sidebar kanan pada blogarchive, maka anda akan menemukan tampilan gambar ber latar belakang naruto. Nah, tutorial ini akan membahas cara penambahan latar belakang gambar.
Tutorial ini diperuntukkan bagi pengguna blogspot yang telah menggunakan non classic template ( modern template).
Langkah Pertama :
Tentukan widget id unik mana yang akan anda beri latar belakang gambar. Contoh nya saja, kita akan mengganti widget id unik pada BlogArchive1 ( seperti blogarchive blog cempluk yang telah memiliki latar belakang naruto ), jadi temukan terlebih dahulu widget anda dengan search template anda <b:widget id='BlogArchive1' locked='false' title='Blog Archive' type='BlogArchive'/> Jadi widget id unik anda adalah BlogArchive1.
Langkah Kedua :
Setelah anda menemukan identifikasi widget id unik dan terdapat widget id unik pada template anda, maka sekarang beralih lah ke CSS Style Sheet, untuk menambahkan beberapa script CSS Style Sheet. Jika anda belum mengetahui apa itu CSS Style Sheet, silahkan klik disini.
Tambahkan script CSS Style Sheet, tempatkan dimana saja pada bagian CSS template blog kita tidak apa - apa.
/* Widgets
----------------------------------------------- */
Taruhlah kode css berikut kedalam css pada blog anda, gunakan salah satu, apabila anda ingin memberi tampilan latar belakang untuk blogarchive, maka gunakan hanya kode blogarchive saja.
keterangan :
Tutorial ini persembahan dari bloggeruniversity dan disadur menjadi bahasa Indonesia oleh cempluk.
Tutorial ini diperuntukkan bagi pengguna blogspot yang telah menggunakan non classic template ( modern template).
Terdapat 3 widget id unik yang bisa diberi latar belakang gambar, antara lain :
- LinkList1
- Text1
- BlogArchive1
Langkah Pertama :
Tentukan widget id unik mana yang akan anda beri latar belakang gambar. Contoh nya saja, kita akan mengganti widget id unik pada BlogArchive1 ( seperti blogarchive blog cempluk yang telah memiliki latar belakang naruto ), jadi temukan terlebih dahulu widget anda dengan search template anda <b:widget id='BlogArchive1' locked='false' title='Blog Archive' type='BlogArchive'/> Jadi widget id unik anda adalah BlogArchive1.
Langkah Kedua :
Setelah anda menemukan identifikasi widget id unik dan terdapat widget id unik pada template anda, maka sekarang beralih lah ke CSS Style Sheet, untuk menambahkan beberapa script CSS Style Sheet. Jika anda belum mengetahui apa itu CSS Style Sheet, silahkan klik disini.
Tambahkan script CSS Style Sheet, tempatkan dimana saja pada bagian CSS template blog kita tidak apa - apa.
/* Widgets
----------------------------------------------- */
Taruhlah kode css berikut kedalam css pada blog anda, gunakan salah satu, apabila anda ingin memberi tampilan latar belakang untuk blogarchive, maka gunakan hanya kode blogarchive saja.
#LinkList1{
background: #fff url(IMAGE URL) no-repeat;
}
#Text1{
background: #fff url(IMAGE URL) no-repeat;
}
#BlogArchive1{
background: #fff url(IMAGE URL) no-repeat;
}
keterangan :
- image url : taruh url image yang telah anda simpan ( gunakan photobucket untuk mendapatkan url image ).
- contoh url image : http://i88.photobucket.com/albums/k200/AndiBagus/bannernaruto.jpg
- Ukuran gambar yang akan dimasukkan sebagai latar belakang disesuaikan dengan panjang widget id unik anda, disini cempluk menggunakan ukuran 182 x 700 pixel.
Tutorial ini persembahan dari bloggeruniversity dan disadur menjadi bahasa Indonesia oleh cempluk.
kasih saran buatku donk........
ReplyDeletekasih tau cara nambah kotak komentar kaya punyamu dong
ReplyDeleteMakasih atas infonya....
ReplyDelete-----------------------------------
artikel kesehatan
download pdf jawapos
yoga
yoga
review
seppp...maju trus Cempluk
ReplyDelete