Good afternoon Guys and Galzz..sapaan ini menandakan cyber man tengah menulis postingan ini pada siang hari yang sangat Terik...
So Bahasan pada siang hari yang sangat terik ini, Cyber Man ingin berbagi walaupun hal ini sudah banyak sekali yang sudah membaginya kepada Cyber Mania semua, tentang bagaimana Cara Menambahkan Background Gambar Pada Cbox.
Bagi Cyber Mania sekaligus Blogger pasti sudah tidak asing lagi dengan aplikasi ini, ya aplikasi buku tamu dengan fungsi untuk meninggalkan pesan dan mengobrol..Untuk contoh Cbox yang sudah terpasang background gambar, Cyber mania dapat menilik pada buku tamu Cyber Man yang tertempel pada dinding kanan Cyber Man..Apakah sudah dilihat?bagaimana cara menambahkan gambarnya?hmmm langsung aja ke TKP..
1. Berdoa pada yang Kuasa
2. login pada Cbox
3. Pilih >>Look & Fell >>Colours & fonts
4. Pada menu Colours & Fonts silahkan sobat atur warna cbox (hapus kode warna untuk membuatnya transparan)
5. Setelah diatur warnanya klik "Apply"
6. Menuju Pada Tata Letak/Rancangan ---> Tambah Gadget ---> Html/Javascript lalu COPAS code berikut
<div style="background:url(http://i763.photobucket.com/albums/xx279/Kempyankz/UntukBukutamu.jpg) no-repeat center;">
<!-- BEGIN CBOX - www.cbox.ws - v001 -->
<div id="cboxdiv" style="text-align: center; line-height: 0">
<div><iframe frameborder="0" width="340" height="300" src="http://www7.cbox.ws/box/?boxid=385921&boxtag=kr2k5y&sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain" style="border: 0px solid;" id="cboxmain"></iframe></div>
<div><iframe frameborder="0" width="340" height="100" src="http://www7.cbox.ws/box/?boxid=385921&boxtag=kr2k5y&sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform" style="border: 0px solid;border-top:0px" id="cboxform"></iframe></div>
</div>
<!-- END CBOX -->
</div>
PENTING...!
- Perhatikan Code Cbox yang bercetak Merah silahkan ganti dengan Code Cyber Mania
- Siapkan Gambar yang akan dipakai sebagai Background lalu UPLOAD di Photobucket ato ditempat lain
- height= 300
height= 100
-------------+
Total= 400 << tinggi gambar yang harus dipersiapkan (ini contoh pada blog saya)
Bagi Cyber Mania sekaligus Blogger pasti sudah tidak asing lagi dengan aplikasi ini, ya aplikasi buku tamu dengan fungsi untuk meninggalkan pesan dan mengobrol..Untuk contoh Cbox yang sudah terpasang background gambar, Cyber mania dapat menilik pada buku tamu Cyber Man yang tertempel pada dinding kanan Cyber Man..Apakah sudah dilihat?bagaimana cara menambahkan gambarnya?hmmm langsung aja ke TKP..
1. Berdoa pada yang Kuasa
2. login pada Cbox
3. Pilih >>Look & Fell >>Colours & fonts
 |
 |
6. Menuju Pada Tata Letak/Rancangan ---> Tambah Gadget ---> Html/Javascript lalu COPAS code berikut
<!-- BEGIN CBOX - www.cbox.ws - v001 -->
<div id="cboxdiv" style="text-align: center; line-height: 0">
<div><iframe frameborder="0" width="340" height="300" src="http://www7.cbox.ws/box/?boxid=385921&boxtag=kr2k5y&sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain" style="border: 0px solid;" id="cboxmain"></iframe></div>
<div><iframe frameborder="0" width="340" height="100" src="http://www7.cbox.ws/box/?boxid=385921&boxtag=kr2k5y&sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform" style="border: 0px solid;border-top:0px" id="cboxform"></iframe></div>
</div>
<!-- END CBOX -->
</div>
PENTING...!
- Perhatikan Code Cbox yang bercetak Merah silahkan ganti dengan Code Cyber Mania
- Siapkan Gambar yang akan dipakai sebagai Background lalu UPLOAD di Photobucket ato ditempat lain
- height= 300
height= 100
-------------+
Total= 400 << tinggi gambar yang harus dipersiapkan (ini contoh pada blog saya)
dan contoh Weight 340 di blog Cyber Man tidak berpengaruh dan tidak perlu di jumlahkan
Lalu Link gambar yang sudah di Upload Copas pada Code yang berwarna Hijau di atas...
Lalu Link gambar yang sudah di Upload Copas pada Code yang berwarna Hijau di atas...
Lalu di SAVE AJA dan Liat Hasilnya...
"Jika gambar tidak tepat pada tengah cbox silahkan cari gambar/buat gambar sesuai dengan ukuran lebar dan tinggi widget sidebar blog sobat, gambar juga bisa berupa icon animasi dll" no-repeat center dapat diganti dengan :
"Jika gambar tidak tepat pada tengah cbox silahkan cari gambar/buat gambar sesuai dengan ukuran lebar dan tinggi widget sidebar blog sobat, gambar juga bisa berupa icon animasi dll" no-repeat center dapat diganti dengan :
repeat
no-repeat center [Posisi gambar ditengah]
no-repeat center bottom [Posisi Gambar ditengah>>bawah]
no-repeat center left [Posisi Gambar ditengah>>kiri]
no-repeat center top [Posisi Gambar ditengah>>atas]
no-repeat bottom center [Posisi Gambar ditengah>>bawah]
no-repeat center [Posisi gambar ditengah]
no-repeat center bottom [Posisi Gambar ditengah>>bawah]
no-repeat center left [Posisi Gambar ditengah>>kiri]
no-repeat center top [Posisi Gambar ditengah>>atas]
no-repeat bottom center [Posisi Gambar ditengah>>bawah]
Sekian dan Terimakasih
Tidak ada komentar:
Posting Komentar