Farah Tutorial & Freebies Blog


HOME Profile Tutorial Freebies Facebook Twitter Instagr Follow

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"