Drop a comment if you stay right here
Home » » Memberikan Gambar sebagai Background pada CBOX

Memberikan Gambar sebagai Background pada CBOX

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/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
Jika Anda menyukai Artikel di blog ini, Silahkan klik disini untuk berlangganan gratis via email, dengan begitu Anda akan mendapat kiriman artikel setiap ada artikel yang terbit di Creating Website

9 komentar:

Unknown mengatakan...

buagus bang buagusss... agak ribet y cuma harus dicoba... makasih bang dah mampir

abangrizky mengatakan...

iya sob emang ribet bikin nya , ,
seLamat mencoba sob :)

Entis Sutisna mengatakan...

wach,di coba y sob nya tuto nya....
maksih...
slm blogger....

Al Faqiir mengatakan...

Sudah saya follow balik sob:)

abangrizky mengatakan...

@ entis seLamat mncoba sob :)

@ afif mksh sob , salan kenal ;)

Urang Lembur mengatakan...

Wah mantap surantap nich artikel, boleh dicoba tuch...!! Makasih ya Bang dah bagi2 ilmu

abangrizky mengatakan...

@ admin iya sama2 sob
suport trz ya blog ane ;)

wahyudi mengatakan...

mntab posting.a gan
maab copas ...
hehe ... :p

abangrizky mengatakan...

@wahyudi iyaa sob gapapa ;)
happy blogging

Posting Komentar

 
Support : Creating Website | Johny Template | Mas Template
Copyright © 2011. Abangrizky - All Rights Reserved
Template Modify by Creating Website
Proudly powered by Blogger
Read more: http://majuter.us/2012/02/13/membuat-iklan-melayang-tanpa-mengganggu-pembaca#ixzz1n62dVtL1 Under Creative Commons License: Attribution Non-Commercial No Derivatives