Percantik Buku Tamu / Guest Book / (CBox) dengan Background Gambar

ntu akan tampak berbeda bila buku tamu/guest book pada blog sobat ber-background gambar atau animasi. Apalagi kalau template blog sobat penuh dengan gambar, sehingga sobat ingin buku tamunya juga menyesuaikan gambarnya. 

Tips ini menggunakan CBOX, seperti buku tamu yang terdapat blog ini...
Caranya cukup mudah... tambahkan kode di bawah ini

<center><div style="background-position:center;background:url(http://i876.photobucket.com/albums/ab324/YePanca/notneed/anigif.gif);
width:180px; height:420px;
padding-top:0px;padding-left:1px;
background-repeat:no-repeat;">

PASANG CODE CBOX DI SINI

</div></center>


-------------
(untuk lebih mudah copy dengan klik 'highlight all" di bawah ini ):


Alamat url: http://i876.photobucket.com/albums/ab324/YePanca/notneed/anigif.gif, ganti dengan alamat URL gambar yang sudah sobat upload (kebetulan gambarku aku upload di photobucket). Dan "PASANG KODE CBOX SOBAT DI SINI" gantilah dengan kode script CBOX sobat.

Namun sobat... ada beberapa hal yang perlu diingat.
Pertama, sediakan gambar yang akan kita tampilkan sebagai background, bisa berupa gambar diam/mati atau bisa berupa gambar animasi (berinisial *.gif). Upload gambar sobat pada photobucket atau host penyimpan gambar... Sesuaikan lebar dan panjang gambar - kode cbox - dan kode di atas

Kedua, cbox sobat harus transparan. caranya: masuk ke acount cbox >> Look & Feel >> style presets >>  pilih yang transparent

Nah... mudah bukan.... 


(NB : Sering ada yang kurang memperhatikan lebar dan panjang gambar dengan kode script CBox... di Cbox itu kan ada dua menu (tampilan chat dan form isian di bawah) sehingga kode highnya juga  ada dua.. nah perlu dijumlahkan angka tersebut agar gambar tampak pas di tengah dan meching....)

3 komentar:

apistail mengatakan...

dicoBa nii,,,

rio mengatakan...

banner linknya udah saya pasang silahkan di cek di sini http://aboutofindonesia.blogspot.com dan jangan lupa pasang bannerku ya trimakasih......

Unknown mengatakan...

makasih infonya gan :)

Posting Komentar

Related Posts with Thumbnails