Cute Animated Chatbox - Ash Princess Kawaii
Breaking News
Loading...
24 Maret 2014

Cute Animated Chatbox

I got some cute animated chatbox. Results googling. If you like, copy paste code below.

 <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/AVvXsEinE9YH8YX3FknMDHe_W3plI8Y30Wh0lqwZFsc8mdH4DcBl5BH5zvE_YIU2FPjLBJgrevjumO4ynHLowpWZK3Ox4945D8fwRJhMYrip3ANGHxpmSN1q_iiQV84JeutqWRbOTkwBum1TJMAN/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/AVvXsEgYVuO_P-DtDqCVgOXIaqKgx0J-N2LYhWA8zEIkwYwAlfWtyTexLUViNLnBva27bFfelkgQFig1YWwUPIDQgvRwhXCe9hpSNRWjjkSok9HiO0x_Dj-8uLg1UjZgZ2LsjWR7GVEGBzNG5NEk/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/AVvXsEhfbFy2k_MlswZ4unUCO9iJC_aRBj0oKnvNoXq1BZWmeDetbmnBYKiwnCtU1Wcz2v_buY3uywy2zveF3Rgf83rosMIecGUzAKxk6aM4ezAINGLacl2rlfnDxgIaOSxg8zbGnpMNmtzO3_Mn/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/AVvXsEjcJJewzre-WoUKfRAskVf0XUR3_H2ZKoPtZ_beHq1AlCrHUu2JOhqXzT1BTXLbhgRviCAP_SH7pGI_Broc5Pq8lzBdhd_zmyKv04K3AlUCBScWV8e8RvSZgFusxW1iBG3sdL5ShZ3bO7qE/s1600/1218401464.gif) no-repeat;padding-right:20px;padding-left:8px;padding-top:45px;padding-bottom:10px;">
Setting Kode Chatbox :
Width : 174 px || Height : 124 px (bagian awal)
Width : 174 px || Height : 70 px (bagian akhir)
Text-align: Left
_________

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

Setting Kode Chatbox :
Width : 180 px || Height : 112 px (bagian awal)
Width : 180 px || Height : 72 px (bagian akhir)
Text-align: Left

Cara memasangnya di blog:

layout>add gadget >html/javascript > copast kode

<center><div style="background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYVuO_P-DtDqCVgOXIaqKgx0J-N2LYhWA8zEIkwYwAlfWtyTexLUViNLnBva27bFfelkgQFig1YWwUPIDQgvRwhXCe9hpSNRWjjkSok9HiO0x_Dj-8uLg1UjZgZ2LsjWR7GVEGBzNG5NEk/s1600/cbox1fv2.gif) no-repeat center;padding-right:25px;padding-left:10px;padding-top:100px;padding-bottom:40px;"><div id="cboxdiv" style="text-align: center; line-height: 0"><div><iframe frameborder="0" width="175" height="160" src="http://www5.cbox.ws/box/?boxid=865775&amp;boxtag=afxe0k&amp;sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain5-865775" style="border: 0px solid;" id="cboxmain5-865775"></iframe></div><div><iframe frameborder="0" width="175" height="75" src="http://www5.cbox.ws/box/?boxid=865775&amp;boxtag=afxe0k&amp;sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform5-865775" style="border: 0px solid;border-top:0px" id="cboxform5-865775"></iframe></div></div><!-- END CBOX --></div></center>
Code purple is animated css code chatbox. Code pink is your chatbox code.
Good luck. May be useful.
.

5 Comments:

  1. kak, kok gak muncul baris untuk kirim chatnya ya. bagaimana ini? mohon bantuannya><

    BalasHapus
  2. There are soo cute! 8-) Thank you for sharing, I have shared one of them in my brand new blog, and I have provided this post link in my blog. =))

    BalasHapus
  3. Hai. Terimakasih untuk cute animated Chatboxnya.

    BalasHapus
  4. Waduh, kyk gini aja saya gak bisa... tak minum Susu Kambing dulu, biar tambah paham...
    Terimakasih manfaat banget artikelnya

    BalasHapus