Cute Cbox Frames vers 1

Apa di blog kalian sudah memiliki CBox? Ituloh chatting box buat pembaca blog kamu~! Mungkin kalian bosan sama model bingkainya yang itu-itu aja, makanya sekarang aku mau share bingkai-bingkai CBox yang Imut.

1. Pilih salah satu desain bingkai CBox yang kalian suka :

<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/AVvXsEhDKU_rwTsDGOuw2tRjtDjknq2UK0O3JhrYyRFqbke6dtw_JywWxZlc3GdFYs1WeNkXqEAzz4CdA_T1wcuR8C9box2dOsdpVH-aUh-HFAFyLM5tLphKtFvSqWKbgkQYScPE6Muaroy5VFDB/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/AVvXsEj6clC1no62v3xM0KH_vWVLzUiwfMK6HgUTun8ujotT-XSOr0iw1fbqZ0YKR-qv6qXhKrdV0MfFpq10GHFC11B5Gj2GcpheHtBkDPQGpOoww6kcvnUcC-4lNm6GbSFB1KbqyjWncng4YZDV/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 
============================================

<div style="background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjiVKBg5X1G5TcxzKQTpmL4iqUKW3RMEcZRhwYZ1XfUEfsrPbqrvNi9l58Ftv1vCGfAWU_yZ5Fs3Y4nrLCFnZ2sVxUNeqiWu1SVkbleH0Tl4UnUSeKdYwJVcOmKPhJ-8-oXMnMVo1bCj7s/s1600/48f419e550585.gif) no-repeat;padding-right:20px;padding-left:5px;padding-top:135px;padding-bottom:10px;">

Setting Kode Chatbox :

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

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

Text-align: Left 
============================================

<div style="background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQDvOwBcRW9IsYb365E6iuOKV45oXPpgLi8Y2Z4MnrY43dW6CAmXkmqkFxtDLwoOub6Mk2OW33Afci11UPHh-tyJtNlTm5m8PvUew_vLhPpi77H3HiAL-CRx7unRyXw74wlYYWoDA6HNr8/s1600/1214743842.gif) no-repeat;padding-right:20px;padding-left:2px;padding-top:53px;padding-bottom:10

Setting Kode Chatbox :

Width : 180 px || Height : 112 px (bagian awal)

Width : 180 px || Height : 72 px (bagian akhir)

Text-align: Left 
============================================
2. Berikutnya, kalian buka blogger
3. Klik "Tata Letak"
4. Klik "Tambahkan Gadget"
5. Klik "HTML/Java Script"
6. Copy Paste Code CBox yang sudah kalian buat. Sedikit usul, contoh CBox diatas cuma bingkai yang terganti. Warna dan lain-lain tidak. Jadi sebaiknya kalian buat CBox dengan meniru warna CBox kesukaan kalian diatas.
7. Perhatikan kode CBox yang masih sederhana, cari kode <div dibarisan kedua, sepanjang 1 baris itu kalian hapus sampai kode 0"> Lalu kalian ganti dengan kode CBox kesukaan kalian diatas.
8. Kalian samakan Width dan Height kode CBox sederhana kalian dengan kode bingkai CBox kesukaan kalian. Karna kalo enggak, jadinya bisa kacau.
9. Kalo udah. klik "Simpan"
10.  Klik "Simpan setelan"

Kalo masih kebingungan tanyakan aja di kolom Komentar, pasti aku bales. Semoga Bermanfaat ^^ nantikan widget-widget imut selanjutnyaaa~~

Cr : Farah Shoffa Shafira Email ThisBlogThis!Share to XShare to FacebookShare to Pinterest