Saturday 1 June 2013

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 :
bingkai cbox pink


<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 
============================================
bingkai cbox kuning cute
<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
============================================
bingkai cbox pink cute
<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
============================================
bingkai cbox pink

<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 
============================================
                                                          bingkai cbox hello kitty
<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 
============================================
bingkai cbox biru cute
<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 
============================================
bingkai cbox pink cute
<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

13 comments:

  1. heyyyy kamu copy tapi tulisin LINK Blogku laaah ---___----

    ReplyDelete
  2. thanks for respect!! :)

    ReplyDelete
  3. Thankssss... selama ini aku paling bingung namanya CBOX! sekarang cuteeeee thaaaaanksss

    ReplyDelete
  4. Kak, aku ambil yang warna biru ya. Thanks banget nih kak. >.<

    ReplyDelete
  5. kak aku ambil yg hello kitty yaa makasii :3

    ReplyDelete
  6. Kaka aku ambil yg paling atas ya... Thx >3<

    ReplyDelete
  7. izin repost. credit kok!

    ReplyDelete

 
Copyright © 2013-2017 By Anugerah Mullia Ulfa Salsabella. All Rights Reserved.