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.



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


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

Setelah 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!

Posted in: tips blog