hai sob,,,, nih akuh kaseh tau caranya menyembunyikan buku tamu milik mu sobat !,,,
langsunga aja ya sobat,,, ... pertama tama sobat harus login akun blogger sobat trus pergie ke rancangan >> Elemen Halaman >> tambah Gadget (HTML/JavaScript).
<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...!...
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