Membuat Bingkai Cbox (Background)

Credit: Farah

Hai Semua.... mmmmm sebenarnya ini sama dengan Tutorial yang terdahulu, tapi lebih aku perjelas.. mengapa? karena katanya masih banyak yang bingung... langsung aja deh....(Ikuti Step)

1. Kalian Pilih Salah Satu Desain Bingkai CBOX Yang kalian suka... yang aku punya baru segini.

<div style="background:url(http://i804.photobucket.com/albums/yy321/anik93/chatbox-animation-1-1.gif) no-repeat;padding-right:8px;padding-left:1px;padding-top:130px;padding-bottom:35px;">

Setting Kode Chatbox :

Width : 170 px || Height : 152 px (bagian awal)

Width : 170 px || Height : 75 px (bagian akhir)

Text-align: Left

 __________ 

<div style="background:url(http://i804.photobucket.com/albums/yy321/anik93/yellow-girl-chatbox.gif) no-repeat;padding-right:3px;padding-left:17px;padding-top:140px;padding-bottom:80px;">

Setting Kode Chatbox :

Width : 170 px || Height : 190 px (bagian awal)

Width : 170 px || Height : 75 px (bagian akhir)

Text-align: Left

__________

<div style="background:url(http://i804.photobucket.com/albums/yy321/anik93/strawberry.gif) no-repeat;padding-right:1px;padding-left:25px;padding-top:145px;padding-bottom:70px;">

Setting Kode Chatbox :

Width : 155 px || Height : 210 px (bagian awal)

Width : 155 px || Height : 75 px (bagian akhir)

Text-align: Left

__________

 <div style="background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1SUayzxqmaNQe6epafCdgD0v7iENsWWZSmi3-hUrbS8XAUuVmQhhyD_-1DiH-cIbmU9pk61GfLHWKqbfGN6isl0UfDrDMVvL-jj7n9F_9IfxOEl3RVZCSP3tffhwImejb61PAWy15gHQO/s1600/cboxqs7.gif) no-repeat;padding-right:20px;padding-left:13px;padding-top:110px;padding-bottom:90px;">

Setting Kode Chatbox :

Width : 175 px || Height : 190 px (bagian awal)

Width : 175 px || Height : 75 px (bagian akhir)

Text-align: Left

__________

 

<div style="background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_4M4_JRcKDxurd4IbmlnxcdZxOVhl65RmoeX7a6iYRf9UjvylXKd6s14EXRDKE2ys4LG3-NtGSBGQqOPEfZiainXQIzpBQ0XtuXS5blJ8TCyfeUykSPOJx-HcvNkLGB_bTxBUCxMmsldy/s1600/cbox1fv2.gif) no-repeat;padding-right:25px;padding-left:10px;padding-top:100px;padding-bottom:40px;">

 Setting Kode Chatbox : 

Width : 175 px || Height : 160 px (bagian awal)

Width : 175 px || Height : 75 px (bagian akhir)

Text-align: Left

__________ 

2. Berikutnya..... kalian Buka Blogger

3. Klik Tata Letak.

4. Klik di tempat kita menyimpan cbox simple dulu.

5. klik edit.

6. taruh salah satu kode linknya, (kalian lihat gak baris ke dua yang ada tulisan <Div nah sepanjangan 1 baris itu sampai Tulisan 0"> dihapus... dan diganti dengan LINK Kode Bingkai CBOXnya.

7. kalian memilih LINK Bingkainya juga harus sesuai dengan LINK Angka Width n Height .... untuk mengukur luasnya... jika tidak diatur. maka akan kacau.

8. Klik Simpan ==> Simpan perubahan.

Cara Membuat Private Cbox

Dulu Fia pernah ngepost tutorial cara membuat simple cbox kan? Ok, sekarang Fia akan ngepost tutorial 'Cara Membuat Private Cbox' Buat yang udah punya cbox langsung aja follow this tuto. But, kalau yang belum punya akun cbox, follow tutor cara membuat cbox yg udah Fia post sebelumnya ;;)

• Login cbox.ws mu 
• Klik kolom publish
• Kan ada code cboxmu disitu, tinggal di copy 
• Login blogmu terus ke tata letak
• Klik add gadget/javascript
• Paste kode cboxmu, hapus bagian <div id sampai </iframe></div>

Contoh:

<!-- BEGIN CBOX - www.cbox.ws - v001 --><div id="cboxdiv" style="text-align: center; line-height: 0"><div><iframe frameborder="0" width="200" height="305" src="http://www4.cbox.ws/box/?boxid=4223959&amp;boxtag=wjtgea&amp;sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain4-4223959" style="border:#ababab 1px solid;" id="cboxmain4-4223959"></iframe></div><div><iframe frameborder="0" width="200" height="75" src="http://www4.cbox.ws/box/?boxid=4223959&amp;boxtag=wjtgea&amp;sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform4-4223959" style="border:#ababab 1px solid;border-top:0px" id="cboxform4-4223959"></iframe></div></div><!-- END CBOX -->

• Save :) 
• Credit: Aura Sabrina D

Memasang Chat Box di Blog

Haloooooo^^
Adakah yang belum tau cara buat cbox alias chatting box? hmm.... langsung aja yaa ikuti tutor ini hehe xD.

• Let's go to www.cbox.ws 
• Sign up >> semua kolom jangan sampai ada yang kosong >> Creat my Cbox
• Sudah buat akun? OK langsung aja login ;3
• Dan sekarang kamu ada di menu home. Klik PUBLISH
• Copy kode cbox mu
• Udh dpt kode cbox mu? OK sekarang kamu login ke blog
• Klik tata letak >> Tambah gadget >> Javascript/HTML
• Paste kode cboxmu
• SAVE
• Credit: Aura Sabrina D