HOME ABOUT LINKIES STUFF NEWER OLDER FOLLOW

Angel's Diary


Dislaimer


Hello Visitor! My Name is Angel, welcome to my blog! In this blog, you can see Tutorial,Freebies, And Another! Enjoy!


Cbox

Put Your Code Cbox Here!

Credit

Skins By : Agna.

Owner : Angel

(Special 30 Followers) Tutorial Membuat Floating Cbox

Credit: Neira
Login to blogger << dasbor
image Tata Letak << nah, ada beberapa macam pilihan, bukan? YEP! Pilih HTML Javasxript
image Setelah itu, copy kode ini

<style>
#chatme{
position:fixed; top:5px; left:5px;
padding-top:5px;padding-bottom:17px;
text-align:center;
height:20px; width:95px;
overflow:hidden;
border:3px Dashed #F9B5CC;
color:#888;
border-radius:40px;
-webkit-transition: opacity 0.7s linear;
-webkit-transition: all 0.7s ease-in-out;
-moz-transition: all 0.7s ease-in-out;
-o-transition: all 0.7s ease-in-out;
background: url(http://4.bp.blogspot.com/-N4f86vHr1F8/VZr8aDMtUPI/AAAAAAAABAY/IxLIjC5Mr4E/s1600/background13.png);
z-index:999;
}
#chatmelive{
padding-top:10px;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
} #chatme:hover {
border:3px dotted pink; padding:5px; height:450px; width:280px;
border-radius:40px;
}
</style>
<div id="chatme">
<center>
<img src="ICON CHAT" style="background:none;border:none;padding-top:0px;" /></center>
<div id="chatmelive">
KODE CBOX</div>


image Paste di kotak HTML
image Save!

Keterangan Warna:
Biru: Icon chat
Biru: Kode chatbox

Label: