Membuat tampilan CBOX lebih keren dengan Bingkai

Langsung saja yee,, tanpa basa-basi saya ingin membagi cara bagaimana memberi bingkai pada CBOX dengan Gambar yang lebih cantik J.
Sebelumnya anda lihat terlebih dahulu CBOX yang saya berinama BUKU TAMU di samping kanan atas , cantikkan ??? hehehe...

langkah-langkahnya adalah sebagai berikut :

• Dahsboard > Tata Letak
• Cari dimana letak gadget CBOX yang telah anda buat sebelumnya,
• Setelah ketemu, tambahkan kode dibawah ini kedalam kotak HTML/JavaScriptnya.

<center><div id="edited" style="width:250px; height:190px; background: url(BACKGROUND CBOX) no-repeat left top; padding-top:65px; padding-left:0px; position:relative" align="center">CBOX CODE</div></center> 

• Perhatikan kode diatas, teks yang berwarna merah dapat anda tukar dengan URL Gambar yang anda pilih, ada beberapa contoh bingkai CBOX yang cantik-cantik lihat dibawah ini

http://i.imgur.com/fISou.png

http://i.imgur.com/aRz7d.png

http://i.imgur.com/gO6N8.png 

http://i.imgur.com/XjGge.png

http://i.imgur.com/sQewp.png 

Gambar di Atas saya ambil dari blog http://fiezamirza.blogspot.com , jadi gambar itu adalah miliknya.

Selain gambar di atas ada lagi gambar yang saya ambil dari blog http://aniannie1.blogspot.com , gambar berikut adalah milik yang punya blog tersebut. untuk menggunakan Bingkai ini, anda harus mengganti Width dan Height nya terlebih dahulu menjadi Widht = 200 px , Height = 370 px agar sesuai dengan gambar yang ada.

http://i.imgur.com/ecGENK7.png

http://i.imgur.com/mSiMKWP.png

http://i.imgur.com/D3tcqSO.png

http://img827.imageshack.us/img827/5499/framefibox1.png

Ok untuk gambar selanjutnya menyusul yaa :)

• selanjutnya , gantikan teks berwarna biru dengan Script CBOX yang telah anda buat sebelumnya , masih ingatkan di tutorial yang satu ini "Mengubah Warna Latar CBOX"
• Jika sudah selsai, Simpan perubahan tersebut lalu refresh tampilan blog anda. 

Selamat Mencoba :)

Baca Artikel Lainnya