cara membuat chatbox menjadi keren part 2

Sebelumnya saya udah membuat postingan tentang cara membuat chatbox menjadi keren part 1. 

Kali ini saya akan membuat postingan tentang cara membuat chatbox menjadi keren part 2.

 Login ke blog kamu
 Pada halaman Dashboard, Pilih Tata Letak
 Masukkan kode dibawah ini gambar yang kamu pilih..
contoh kodenya kaya dibawah ini:

<div style="background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHJIuahBzYlpM2b_gyIHHWEKoIqKqgnryk6jaH81MA3KidUUqiZQyT6QJCqFmPCK2xsMU98uFJphqDVpG60FbvsL5sQXQar0FKxAQDsiJaIMxMujtgmXQWYtXKU40PjMFJao_oj4xTRKuK/s1600/48f40367ebad4.gif) no-repeat;padding-right:20px;padding-left:5px;padding-top:107px;padding-bottom:40px;">(Code Cbox kamu!) </div>

- Yang masih bingung kode cboxnya dapet darimana bisa kamu lihat disini caranya klik

- Nah kalo kode dibawah ini nanti kamu bisa temuin di kode cbox kamu..

  width="180" height="115

  width="180" height="76

<div style="background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHJIuahBzYlpM2b_gyIHHWEKoIqKqgnryk6jaH81MA3KidUUqiZQyT6QJCqFmPCK2xsMU98uFJphqDVpG60FbvsL5sQXQar0FKxAQDsiJaIMxMujtgmXQWYtXKU40PjMFJao_oj4xTRKuK/s1600/48f40367ebad4.gif) no-repeat;padding-right:20px;padding-left:5px;padding-top:107px;padding-bottom:40px;">(Code Cbox kamu!) </div>

width="180" height="115

width="180" height="76

___________________________________________________________________________
_______________________________________________________

<div style="background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiY3fgKwVzm2X9aaSLMVm3OOEY_x-bvDc8YhbCKbMIaBuPtbzd8ZphhdG6TxYL7Yf1BRPXSq4yY1Q19kfHVmFRg83ckWhOgv64FhI83jQiRtzToZvabr7bDrWTxBiBR6XM8TWX8XA89y18J/s1600/48f44658a1d90.gif) no-repeat;padding-right:20px;padding-left:3px;padding-top:105px;padding-bottom:50px;">(Code Cbox kamu!) </div>

width="178" height="110
width="178" height="76
___________________________________________________________________________
_______________________________________________________

<div style="background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsz-xrrEatigXyXKd5T6otCqsgpyPODZAgB0p7s2CHcvkU5hMfqAnMzAzkhoZsNVGXGlEGdbfHNeKtyEwJC4J9i8OjITLQchRZdIjBH8KQw_rpiSkoO3AuZeO6-PH97sQiun7trp9gMway/s1600/1218395161.gif) no-repeat;padding-right:25px;padding-left:5px;padding-top:50px;padding-bottom:40px;">(Code Cbox kamu!) </div>

width="175" height="117

width="175" height="87
___________________________________________________________________________
_______________________________________________________

<div style="background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGNYbVH9HNSjgOIbNjsSM4Q56gkzeboLpfdrzS6gf4QJhC0g-Y3mxCq6ThdZ6rSDg2XZbKRbxXmVXeLRwSlUORmAGpNgyDLfJTsZCGK0LH-27LemaSoF65wFNK8rC3Re9-67mRiGUuAuKI/s1600/1218579135.gif) no-repeat;padding-right:20px;padding-left:5px;padding-top:120px;padding-bottom:30px;">(Code Cbox kamu!) </div>

width="175" height="110

width="175" height="75
___________________________________________________________________________
_______________________________________________________

<div style="background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinu5yzXnx_eXD9Iaq6XU2F8ibdGLXwnYXb3CfFzBEWct_D9C1AtYr8KBL-NnFgCzvpXw3PzPvdJatxe3Uf6ZkbpS0C9S7u7jkbnQ2FpmrA-0LUUf2M__gLHXhPZ0NJYvqRGGd-_Jbgdrhm/s1600/48f422d74238e.gif) no-repeat;padding-right:20px;padding-left:3px;padding-top:100px;padding-bottom:50px;">(Code Cbox kamu!) </div>

width="175" height="110
width="175" height="75
___________________________________________________________________________
_______________________________________________________

<div style="background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEil5YWXfSfh7azZoOha0kfYsM5ZlFY_QMvrdue7ca-eCjCiz3n3INkEOHHZGwW__yAINRBrfLq0ZKMBRkgjXg3kyczZdKRr61DOPaBiinkQJYkrrwG2_3N858uf_klXuwGVT6HBdkdOGCVs/s1600/1218566382.gif) no-repeat;padding-right:20px;padding-left:8px;padding-top:117px;padding-bottom:20px;">(Code Cbox kamu!) </div>

width="174" height="110
width="175" height="87
___________________________________________________________________________
_______________________________________________________

<div style="background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgukAO6xVyLdLlhcR9lFMxiFyLG6p630G2XioMzqhgKGC5g0P0smdue4obhgiCSZK_LHfp6_8HWRGf0lHjn69r8IWcJjfuuRYCkIisU7yc8oY2qnZTaW1aGTG651WqZn18e0f6twRjmDzKk/s1600/1218570029.gif) no-repeat;padding-right:0px;padding-left:10px;padding-top:155px;padding-bottom:40px;">(Code Cbox kamu!) </div>

width="170" height="105

width="170" height="87
___________________________________________________________________________
_______________________________________________________

<div style="background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHrVFkDlyDztmOzl5Eg1kJaRSIP8Zol7_OJMK8LtSD6oKem2bE0jKRxsEikTYKecxACNbQ-2-5VH_cghKI_nOB5CEHhzv4pZLgUWGOjFwGSRRWPmxamCJciRQ_pmsYT_VbUa7ChOXQoVRe/s1600/48f3f9aa4bef8.gif) no-repeat;padding-right:50px;padding-left:5px;padding-top:112px;padding-bottom:50px;">(Code Cbox kamu!) </div>

width="177" height="105
width="177" height="87
___________________________________________________________________________
_______________________________________________________

<div style="background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8DWteCqGWFnBWGpXklzHALLnZCFR95UzrafBsi2joS4LNX9h3rIhWuObHm1BHo-96tLZcTbkchcWOsrbQmNsjZXN9EvTYwg9-nsTjh6huLzEC3pcKpl_9rq4qR-y8jUsSABjgfmOjWJlh/s1600/48f40bf510f7c.gif) no-repeat;padding-right:20px;padding-left:3px;padding-top:102px;padding-bottom:30px;">(Code Cbox kamu!) </div>

width="177" height="105
width="177" height="87
___________________________________________________________________________
_______________________________________________________

<div style="background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrj8IV7dwDIcOUUrjCDqRJlwZl6CRpcpb5yiNAQ1znGfcJ3A_Mij7lHwRQJViB-BptjTgF68tS-I-de55024nIC59e_wsqCaQ6RxXctoTKhTLoNtgkfpADguUKYuPYBQCsQR9VnTnGXwIc/s1600/48f414b0b4091.gif) no-repeat;padding-right:0px;padding-left:5px;padding-top:110px;padding-bottom:30px;">(Code Cbox kamu!) </div>

width="177" height="110

width="177" height="90

___________________________________________________________________________

_______________________________________________________

<div style="background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkKqVwv9SpvMskV8q5z6IeEMT8tbJvLoUVW-6tA_rW7f_A1CY9g0nz7ereq_6YAcmwAJbfduc2SLR3bVeW-VE7Kr8gubmqX6KpYqfcOuCvBhIK8lFeA84zcfrQGA3FA9Xl923c1OnxjWeh/s1600/48f430afe5e0b.gif) no-repeat;padding-right:20px;padding-left:5px;padding-top:60px;padding-bottom:80px;">(Code Cbox kamu!) </div>

width="185" height="180

width="185" height="110

___________________________________________________________________________
_______________________________________________________

 Sebelum kamu save, kamu ubah Width dan height nya sesuaikan dengan blog kamu ya...

pada tanda itu bisa kalian rubah dengan cara mengurangi atau menambah ukurannya biar pas...
 Kalo sudah klik save...dan lihat hasilnya...

<div style="background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgukAO6xVyLdLlhcR9lFMxiFyLG6p630G2XioMzqhgKGC5g0P0smdue4obhgiCSZK_LHfp6_8HWRGf0lHjn69r8IWcJjfuuRYCkIisU7yc8oY2qnZTaW1aGTG651WqZn18e0f6twRjmDzKk/s1600/1218570029.gif) no-repeat;padding-right:30px;padding-left:10px;padding-top:155px;padding-bottom:70px;"><!-- BEGIN CBOX - www.cbox.ws - v001 -->

<div id="cboxdiv" style="text-align: left; line-height: 0">

<div><iframe frameborder="0" width="170" height="110" src="http://www7.cbox.ws/box/?boxid=746876&amp;boxtag=lndq6c&amp;sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain7-746876" style="border: 0px solid;" id="cboxmain7-746876"></iframe></div>

<div><iframe frameborder="0" width="170" height="75" src="http://www7.cbox.ws/box/?boxid=746876&amp;boxtag=lndq6c&amp;sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform7-746876" style="border: 0px solid;border-top:0px" id="cboxform7-746876"></iframe></div>

</div>

<!-- END CBOX --></div>

Warna pink: URL GAMBAR

Warna hijau: Bisa kamu kurangi atau tambahin
contohnya: Padding-bottom:70px terlalu jauh jaraknya..u bs kurangi jadi 50 atau 40 dst..
Kalau terlalu deket bs ditambah jadi 75 atau 80, dst
begitu juga dengan padding-right:30px,,,,padding-left:10px,,,padding-top:155px,,,
Warna biru: kode cbox
kode yang ada dalam cbox kamu juga harus kamu rubah sesuai dengan background cbox kamu..
kalau backgroundnya besar bisa kamu tambahin angkanya..kalau backgroundnya kecil bisa kamu kurangi,, (LIHAT GAMBAR DIBAWAH!!) yang saya beri warna merah itu yang dirubah ya..jangan yang lainnya yang dirubah..

Lingkaran merah yang atas itu (LIHAT GAMBAR DI ATAS) untuk merubah ukuran kotak cbox yang no.1 (LIHAT GAMBAR DI BAWAH)
Lingkaran merah yang bawah (LIHAT GAMBAR DI ATAS) untuk merubah ukuran kotak cbox yang no.2 (LIHAT GAMBAR DI BAWAH)

Fiuhhh...selesai juga...
Sekarang Cbox kamu jadi keren deh...
Selamat mencoba,,,

Smoga sukses,,,
Kalo ada pertanyaan silahkan tinggalkan komen ya...

---

----Indahnya Berbagi----

---