Labels:

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 :
  • 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&amp;boxtag=1ra3xd&amp;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&amp;boxtag=1ra3xd&amp;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.

Comments (4)

nice info gan!
:)

ty infonya sob?

@Henry thx sob... :)

@videl hehe...
okeh sob... :)

keren sob triknya....
sy coba dulu ah....
maju trus....

Post a Comment