- Back to Home »
- Tips Blogger »
- Cara Memberi gambar Pada Background Buku Tamu Cbox
Posted by : Kamikaze Prime ™
Sabtu, 06 April 2013
Selamat Malam Dan Salam Sejahtera Bagi Kita Semua.
Senang
bisa kembali duduk dan mengupdate informasi-informasi terbaru di Blog
Natan Auto Software ini. Baiklah sob, pada kesemptan kali ini saya akan
share sedikit cara, mengenai bagaimana cara membuat Background pada buku
tamu Cbox kita sob. hmm..kebayang gak sob, gimana jadinya jikalau background buku tamu kita, kita edit dengan style berbasis Transparant dengan gambar-gambar yang elegant. hmmm.. pastinya menarik banget yah sob.Untuk itu pada kesempatan kali ini saya kasih tau bagaimana cara pembuatannya.
Berikut Turitorialnya, Mohon diperhatikan dengan seksama ya Sob.. :
1. Sebelum Memberi gambar background pada Cbox, silahkan sobat login/membuat buku tamu dahulu klik disini, setelah jadi sobat pilih style presets
2. Lalu Sobat pilih style yang transparan, kemudian atur warna text dan link sesuai dengan yang sobat inginkan lalu save, seperti gambar dibawah ini:
Setelah selesai, Klik Publish, kemudian edit kode yang sobat 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&boxtag=fp1wb6&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&boxtag=fp1wb6&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 -->
<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 sobat inginkan, dan ukuran yang berwarna merah silahkan sesuaikan dengan ukuran cbox sobat ,nih saya ada sediakan beberapa gambar background yang bisa sobat 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
http://www.bestiphonewallpapers.com/images/wallpapers/Valentine_Hearts-940071.jpeg
http://www.bestiphonewallpapers.com/bulkupload/Jan-29c/Movies/Tinkerbell.jpg
Tampilan Gambar :
setelah semua selesei silahkan sobat pasang di blog sobat..
Semoga Bermanfaat & Selamat Mencobat...(*n_n*)