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/AVvXsEjoNDn9qhuODP-ZpJce2wC-4VVRb6To3HIz80Ic13uuU07NTEg8NAtIH93sW36I0FM5qlZZQtOOxAVVvd_ZSAsBQRTWd73PtARHkzU5sjkfZKLEM7ai8Aja6nFN4_QbWm21vhiy9gW8yao/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
9 komentar:
buagus bang buagusss... agak ribet y cuma harus dicoba... makasih bang dah mampir
iya sob emang ribet bikin nya , ,
seLamat mencoba sob :)
wach,di coba y sob nya tuto nya....
maksih...
slm blogger....
Sudah saya follow balik sob:)
@ entis seLamat mncoba sob :)
@ afif mksh sob , salan kenal ;)
Wah mantap surantap nich artikel, boleh dicoba tuch...!! Makasih ya Bang dah bagi2 ilmu
@ admin iya sama2 sob
suport trz ya blog ane ;)
mntab posting.a gan
maab copas ...
hehe ... :p
@wahyudi iyaa sob gapapa ;)
happy blogging
Posting Komentar