
langsunga aja ya sobat,,, ... pertama tama sobat harus login akun blogger sobat trus pergie ke rancangan >> Elemen Halaman >> tambah Gadget (HTML/JavaScript).
lau coppy pastekan code HTML/JAvascript dibawah nie....!
<style type="text/css"> #gb{ position:fixed; top:20px; z-index:+1000; }* html #gb{position:relative;} .gbtab{ height:150px; width:50px; float:left; background:url('http://i1042.photobucket.com/albums/b429/Farix_2010/Chatting.png') no-repeat; } .gbcontent { float:left; border:1px solid #BB0000; -moz-border-radius-bottomleft:10px; -webkit-border-radius-bottomleft:10px; -o-border-radius-bottomleft:10px; -khtml-border-radius-bottomleft:10px; -moz-border-radius-topright: 10px; -moz-border-radius-topleft: 10px; background: #000000 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghztbH4xfwpoger1WOJ8PDgY9UnXEoFJnlTWywfvUor_Gy4zN8e5kAmDcw6j5t3eJqBx2hHz6P51bIDUnd_w7ElWTWjZto80DVyDPMZoQJO9k4J1L1zqBLpNH1jCzqn0TZZgn6cThz3G0N/s1600/api.gif) no-repeat bottom; padding:10px; } </style> <script type="text/javascript"> function showHideGB(){ var gb = document.getElementById("gb"); var w = gb.offsetWidth; gb.opened ? moveGB(0, 51-w) : moveGB(30-w, 0); gb.opened = !gb.opened; }function moveGB(x0, xf){ var gb = document.getElementById("gb"); var dx = Math.abs(x0-xf) > 25 ? 25 : 1; var dir = xf>x0 ? 1 : -1; var x = x0 + dx * dir; gb.style.right = x.toString() + "px"; if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 5);} }</script> <div id="gb"> <div onmouseover="showHideGB()" class="gbtab"> </div> <div class="gbcontent"> <center>
tempelkan code cbox sobat
<div style="text-align:center"> <a onclick="showHideGB()" class="tips-fade" title="klik untuk tutup chattingbox"> <center><hr /><img src="" /><hr /></center> </a> </div> <script type="text/javascript"> var gb = document.getElementById("gb"); gb.style.right = (50-gb.offsetWidth).toString() + "px"; </script></center></div></div>
Stelah udah ,,, langkah terakhir tinggal sobat simpan deh..... & liat hasilnya...!...
Tidak ada komentar:
Posting Komentar