Monday, October 24, 2011

Memberi gambar background pada Cbox

Sebelumnya saya telah tulis tentang cara memberi gambar pada buku tamu atau shoutmix lalu bagaimana caranya kalau kita menggunakan cbox? nah,dibawah ini contoh tampilan guest book atau buku tamu dengan gambar background dengan cbox.



Memberi gambar background pada CboxSebelum Memberi gambar background pada Cbox,silahkan kamu membuat buku tamunya dulu klik disini, setelah jadi kamu pilih style presets

Memberi gambar background pada Cbox
Lalu pilih style yang transparan, atur warna text dan link sesuai yang kamu inginkan lalu save,seperti gambar dibawah ini:

Memberi gambar background pada CboxSetelah selesei edit kode yang kamu dapat dari cbox tadi! kode cbox biasanya seperti dibawah ini:
<!-- BEGIN CBOX - www.cbox.ws - v001 -->
<div id="cboxdiv" style="text-align: center; line-height: 0">
<div><iframe frameborder="0" width="220" height="305" src="http://www5.cbox.ws/box/?boxid=616173&amp;boxtag=fp1wb6&amp;sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain5-616173" style="border:#000000 1px solid;" id="cboxmain5-616173"></iframe></div>
<div><iframe frameborder="0" width="220" height="75" src="http://www5.cbox.ws/box/?boxid=616173&amp;boxtag=fp1wb6&amp;sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform5-616173" style="border:#000000 1px solid;border-top:0px" id="cboxform5-616173"></iframe></div>
</div>
<!-- END CBOX -->

Ganti kode yang berwarna merah dengan kode dibawah ini!
<div id="cboxdiv" style="text-align: center; line-height: 0;background-position:center;background:url(url gambar kamu);width:220px;height:305px;background-repeat:no-repeat;">
Pada kode yang berwarna hijau silahkan ganti dengan url gambar yang kamu inginkan,dan ukuran yang berwarna merah silahkan sesuaikan dengan ukuran cbok kamu,nih ada beberapa gambar background yang bisa kamu pakai juga.
http://www.bestiphonewallpapers.com/bulkupload/081109/Cartoon/PinkHelloKitty.jpg
http://www.dreamstime.com/blue-background-thumb2315107.jpg
http://www.dreamstime.com/floral-background-thumb4863792.jpg
setelah semua selesei silahkan pasang di blog sobat,kamu bisa membuat buku tamumu secara tersembunyi juga boleh..selamat mencoba!

No comments:

Post a Comment

 

Sponsor