Farah Tutorial & Freebies Blog


HOME Profile Tutorial Freebies Facebook Twitter Instagr Follow
About My Blog

Hello everyone, I'm Farah! I've created my blog on December 2012, just for Tutorial and Freebies. I Hope you like it~ Keep enjoy and have a great day!
Chatting Box


Banner


Copy My Banner Code
Credits

Basecode by Myself
Design by Me and I
Images by Google~

Membuat Bingkai CBOX (Background)
Rabu, 17 April 2013 - Permalink - 0 Comments
COPAS Boleh, tapi Sertakan Credit by http://farahtutorial.blogspot.com/ di awal Post

Hai Semua.... aku liburan lho!!! yeeey! aku bisa bikin Tutorial :D Heheh. 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/AVvXsEj2wvDTzBAcSrYNJwROuHc11y9NcbaozyaRTrXn4QgImAVYzTF7FP41PPSFarYfhOzWFmOaCeV-JNQCeDRxZ4ebzc15YIEx1csbOYxP9qH36B-EEdZw5NGac1-Ufl6HoyFg6yyTLrqb4Oq4/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/AVvXsEjj_ULDeqBQ_veEVRC_STvXPiMSTYkgf76vOISXnIR_BNOjekvucVgWNBFOGW3_pj1azqlhPDO-TlgSsoXcP8Eyw7udZ9d1ATgfhxz4PO-8AJ3FHfLTNlXiyLghaXX-t0u16CTv-Fg3Uplc/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.

"Selesai.... gimana udah bisa kan??"
"Semoga BERHASIL"
"Wassalamualaikum Warahmatullahi Wabarakatuh"