10.02.2010 Saturday, October 02, 2010
Labels: Tips-Trik
Mungkin anda melihat pada cbox saya atau pada cbox blogger lain memiliki gambar background. Membuatnya memang sedikit memerlukan
keahlian mengutak-atik kode html. Dan yg pertama saya lihat cboxnya menggunakan background adalah di blog enda fiVers.
Untuk memberi gambar background pada cbox, silakan ikuti langkah berikut :
Semoga dapat dimengerti, selamat berkreasi... :D
*Sumber : Here.
keahlian mengutak-atik kode html. Dan yg pertama saya lihat cboxnya menggunakan background adalah di blog enda fiVers.
Untuk memberi gambar background pada cbox, silakan ikuti langkah berikut :
- Login dahulu pada Cbox anda.
- klik pada Look & Feel >> Colours & Fonts.
- pada menu Colours & Fonts, yg dilingkar merah adalah kode warna yg harus dihapus dengan kata lain dijadikan transparant :
- kemudian klik "Apply"
- maka kode cbox akan seperti ini (dibawah adalah kode cbox saya) :
<!-- BEGIN CBOX - www.cbox.ws - v001 --> <div id="cboxdiv" style="text-align: center; line-height: 0"> <div><iframe frameborder="0" width="300" height="245" src="http://www7.cbox.ws/box/?boxid=409818&boxtag=1ra3xd&sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain" style="border:#EDDEDB 1px solid;" id="cboxmain"></iframe></div> <div><iframe frameborder="0" width="300" height="200" src="http://www7.cbox.ws/box/?boxid=409818&boxtag=1ra3xd&sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform" style="border:#EDDEDB 1px solid;border-top:0px" id="cboxform"></iframe></div> </div> <!-- END CBOX -->- pada width dan height, anda bisa menyesuaikannya agar sesuai dengan gambar yg akan anda masukkan (maaf saya tidak bisa memberikan cara penyesuaiannya, karena saya pun masih kurang mengerti)
- langkah selanjutnya, anda persiapkan gambar yg akan dijadikan background, kemudian upload (saya lebih menyarankan untuk mengupload di PicasaWeb, karena lebih mudah)
- setelah anda upload gambar, login pada Blogger>>Rancangan>>Elemen Laman, dan klik Tambahkan Gadget HTML/Javascript
- copas saja kode berikut :
<div style="background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7C5Td0RoHUXEqiHEBZKCMxVL1n3A6k93S5NS-PFtyHN-T1gdP035ux6VML-heAxF2KuQArnvltfls5leIRPaoV2u4-V0th4XOgW0pdDpbsTSvb-Jro2pF8JSZlaYlEcg5MkY9W2HZS_k/s512/BlackWarGreymon_Pixel_by_kizokuro.gif) no-repeat center;"> **Kode Cbox anda** </div>- ganti tulisan berwarna merah dengan tempat gambar yg telah anda upload,kemudian masukkan kode Cbox anda di tulisan berwarna biru. Save dan walaa...
Semoga dapat dimengerti, selamat berkreasi... :D
*Sumber : Here.
nice info gan!
:)
ty infonya sob?
@Henry thx sob... :)
@videl hehe...
okeh sob... :)
keren sob triknya....
sy coba dulu ah....
maju trus....