Membuat Cute Chat Box Untuk Blog

Halo sobat blogger dimanapun kalian berada :v aku disini mau ngepost sesuatu yg belum pernah aku post sebelumnya *ya iyalah. sebenarnya ini sudah banyak bertebaran digoogle,hanya saja pas aku coba semuanya pada failed alias gagal aqua,bukan total   ngenes banget kan.. mungkin salah kode,penempatan, atau akunya yg gak ngerti. tapi sekarang udah aku otak-atiik dan coba pake kodeku sendiri gengs.. dan BERHASILL!! 
gak tau awal mulanya siapa yg buat ini,tapi setelah ditelusuri ternyata yg buat bukan aku kok  haha :v . kalo cboxku ini yg buat aku sendiri gengs, gambarnya Kang Daniel gitu lho... bias paling multitalend dan center kebanggaanya wannable  abisnya cek google kagak ada yg gambar k-pop sih,buat sendiri dah.. bagus gak? 

sebenarnya ini pos udah dari kemarin2 buatnya tapi sekarang baru dipost, insya'allah gak gagal. kalo gagal aku kabooor~  ini agak rumit ya,jadi perhatikan baik2 gengs..
tapi aku yakin bisa sih,soalnya udah aku preview disini . asalkan jangan ganti kodenya aja ya,itu udah pas. coba preview dulu

<div style="background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbJJomesrNlU_L1YPFwEihq90X8iS-rOCi7MqqNrNVO8ysKUNP8Hwyy2DRYZ2cTY6rWcXHFOL8DcBB2DIkHk_bg1Nw2E6LakvFqW68PWcKtynkKf1Uerirs52cOCLxtkIm11pHaBAN6bLQ/s1600/cboxqs7.gif) no-repeat;padding-right:20px;padding-left:13px;padding-top:110px;padding-bottom:90px;">
<div><iframe frameborder="0"width="180" height="180" src="CBOX ID 1" marginheight="0" marginwidth="0" scrolling="auto" allowtransparency="yes" name="cboxmain4-3916315" style="border:#E8E3C8 1px solid;" id="cboxmain4-3916315"></iframe></div>
<div><iframe frameborder="0" width="180" height="180" src="CBOX ID 2" marginheight="0" marginwidth="0" scrolling="no" allowtransparency="yes" name="cboxform4-3916315" style="border:#E8E3C8 0px solid;border-top:0px" id="cboxform4-3916315"></iframe></div>
</div>
<!-- END CBOX -->

<div id="cboxdiv" style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjU-saiy8dfF3zBYk7cQxCNEdxFP4fHozLo02tJwzuRxCzdW0klikuBGnrRZ4gCowAsrvjOYidD3nl2I47OYq0n_loiThJRhCoVkU0QEbnsimYPxtFNiQrmif2jucU3XgCLhEgjnjPrbR2g/s1600/48f414b0b4091.gif) no-repeat;padding-right:20px;padding-left:13px;padding-top:110px;padding-bottom:90px;">
<div><iframe frameborder="0"width="170" height="100" src="CBOX ID 1" marginheight="0" marginwidth="0" scrolling="auto" allowtransparency="yes" name="cboxmain4-3916315" style="border:#E8E3C8 1px solid;" id="cboxmain4-3916315"></iframe></div>
<div><iframe frameborder="0" width="170" height="100" src="CBOX ID 2" marginheight="0" marginwidth="0" scrolling="no" allowtransparency="yes" name="cboxform4-3916315" style="border:#E8E3C8 0px solid;border-top:0px" id="cboxform4-3916315"></iframe></div>
</div>
<!-- END CBOX -->

<div id="cboxdiv" style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmhevU8kRKugeUfUFw2tqZVBA_O0myDjyCzSvzwaE2PpDSlqLr-BcMGVp3gphyphenhyphenDScuySt5f_1WiLK3b6hUechRyrFOc1qs8sWAa2PgiMRWGaF-QQBuN2Yye4VACuBpS5aWvioiySVTJ8pe/s1600/48f419e550585.gif) no-repeat;padding-right:20px;padding-left:13px;padding-top:140px;padding-bottom:90px;">
<div><iframe frameborder="0"width="160" height="100" src="CBOX ID 1" marginheight="0" marginwidth="0" scrolling="auto" allowtransparency="yes" name="cboxmain4-3916315" style="border:#E8E3C8 1px solid;" id="cboxmain4-3916315"></iframe></div>
<div><iframe frameborder="0" width="160" height="100" src="CBOX ID 2" marginheight="0" marginwidth="0" scrolling="no" allowtransparency="yes" name="cboxform4-3916315" style="border:#E8E3C8 0px solid;border-top:0px" id="cboxform4-3916315"></iframe></div>
</div>
<!-- END CBOX -->

<div style="background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-wId4qKEabxeVSnMUykLFRuo-Lm-dOwv1o1ni5eWsFHqNgGNvpxthFAiNRnYgRx_ctEVzpFy9327NedV34wnD8lIlgqfk_ahuI_adprZTgcriMy-wMfbk57BRTE7pvvMkYtn2LwrVQfbQ/s1600/1214743842.gif) no-repeat;padding-right:20px;padding-left:2px;padding-top:53px;padding-bottom:10px;">
<div><iframe frameborder="0"width="180" height="100" src="CBOX ID 1" marginheight="0" marginwidth="0" scrolling="auto" allowtransparency="yes" name="cboxmain4-3916315" style="border:#E8E3C8 1px solid;" id="cboxmain4-3916315"></iframe></div>
<div><iframe frameborder="0" width="180" height="100" src="CBOX ID 2" marginheight="0" marginwidth="0" scrolling="no" allowtransparency="yes" name="cboxform4-3916315" style="border:#E8E3C8 0px solid;border-top:0px" id="cboxform4-3916315"></iframe></div>
</div>
<!-- END CBOX -->

<div style="background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimbZLERFEIYFjdRifjvxVyA53_YQI25TqLrWzRLq4R8MzUp1if_14IwkyXEf5cnvl5eU5p10Qqjrwd0C5Hg8_Z4PGdSbjScSu181llWzj11OrS6Wxg8c1NwL82UegAfOwBWW2eQ_V9B-nP/s1600/cbox1fv2.gif) no-repeat;padding-right:25px;padding-left:10px;padding-top:100px;padding-bottom:20px;">
<div><iframe frameborder="0"width="180" height="180" src="CBOX ID 1" marginheight="0" marginwidth="0" scrolling="auto" allowtransparency="yes" name="cboxmain4-3916315" style="border:#E8E3C8 1px solid;" id="cboxmain4-3916315"></iframe></div>
<div><iframe frameborder="0" width="180" height="180" src="CBOX ID 2" marginheight="0" marginwidth="0" scrolling="no" allowtransparency="yes" name="cboxform4-3916315" style="border:#E8E3C8 0px solid;border-top:0px" id="cboxform4-3916315"></iframe></div>
</div>
<!-- END CBOX -->

<div id="cboxdiv" style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbF-0Pe10IONWgbVoKhQrAkXlfEBQoucIYd5dZKUy0mjF8qTlgrWvdAtMS9PN1CB_i0WkkuJ6R6R-r3w6bepSnHs6pje3I42-hA0Aaffl-l8xXQXLwePjfqXapIpCOvtW1VZyCMl4irGfN/s1600/48f40bf510f7c.gif) no-repeat;padding-right:20px;padding-left:13px;padding-top:110px;padding-bottom:90px;">
<div><iframe frameborder="0"width="160" height="100" src="CBOX ID 1" marginheight="0" marginwidth="0" scrolling="auto" allowtransparency="yes" name="cboxmain4-3916315" style="border:#E8E3C8 1px solid;" id="cboxmain4-3916315"></iframe></div>
<div><iframe frameborder="0" width="160" height="100" src="CBOX ID 2" marginheight="0" marginwidth="0" scrolling="no" allowtransparency="yes" name="cboxform4-3916315" style="border:#E8E3C8 0px solid;border-top:0px" id="cboxform4-3916315"></iframe></div>
</div>
<!-- END CBOX -->

 <div id="cboxdiv" style="background: url(http://i1198.photobucket.com/albums/aa448/shehjing/blogger%20material/1-8.gif) no-repeat center; width: 200px; height: 200px; padding: 100px 0px 0px; text-align: center; line-height: 0"><br/>
<div><iframe frameborder="0" width="160" height="100" src="CBOX ID 1" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain4-3916315" style="border:#E8E3C8 1px solid;" id="cboxmain4-3916315"></iframe></div>
<div><iframe frameborder="0" width="160" height="81" src="CBOX ID 2" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform4-3916315" style="border:#E8E3C8 1px solid;border-top:0px" id="cboxform4-3916315"></iframe></div>
</div>
<!-- END CBOX -->

<div id="cboxdiv" style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicq_ztagmZ-SdmgpuZhj3LWWWvdYqmvLFPAqnwse7AF6XUAR6YyJP-uz3zgB1Gzg1bzNeNG03WmbFCrWTyFJ9ffMBihfSBNBr92UIR0_oDQ_cKCa9uy0arhd3IGx0CO0kLYX6Ex_A70Oo/s1600/ChatBox+By+Yvonne.gif) no-repeat center; height: 270px; line-height: 0; padding-top: 75px; text-align: center; width: 199px;">
<div id="cboxdiv" style="line-height: 0; text-align: center;"></div><div>
<iframe allowtransparency="yes" frameborder="0" height="155" id="cboxmain4-3942771" marginheight="2" marginwidth="2" name="cboxmain4-3942771" scrolling="no" src="CBOX ID 1" style="border: 0px solid;" width="185"></iframe></div><div>
<iframe allowtransparency="yes" frameborder="0" height="85" id="cboxform4-3942771" marginheight="2" marginwidth="2" name="cboxform4-3942771" scrolling="no" src="CBOX ID 2" style="border-top: 0px; border: 0px solid;" width="185"></iframe></div></div>

Ganti kode warna merah dg kode id cboxmu.. seperti ini maksudnya

Piye gengs?? berhasil tydac?.. kalo gak berhasil jan komen  kalo berhasil komen aja  jahat banget sih lu  heheehe.. contoh orang yg tidak bertanggung jawab atas kodenya sendiri  maapkeun saia yorobun..