Cute Animated Chatbox - Ash Princess Kawaii
Searching...
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(http://3.bp.blogspot.com/-jePKqO6gKTU/TVUdgjs0DAI/AAAAAAAAB9E/7RVTQc32Qx4/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(http://3.bp.blogspot.com/-NFStHz8IGzw/TVVISBSTDmI/AAAAAAAAB-w/AG_YyqiStBU/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(http://1.bp.blogspot.com/-ekv4DKoVOQo/TVUeFt8n7pI/AAAAAAAAB9s/p1-xU_MqvPo/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(http://2.bp.blogspot.com/-F32B7_1eXTQ/TVUeQgP9DCI/AAAAAAAAB-Q/Vh7wwyH06_Y/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(http://3.bp.blogspot.com/-k-LheV9XwSY/TVUeL1qce_I/AAAAAAAAB-E/zdahpItvMRs/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(http://3.bp.blogspot.com/-NFStHz8IGzw/TVVISBSTDmI/AAAAAAAAB-w/AG_YyqiStBU/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.
.

4 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