<style type="text/css">
#gb{
position:fixed;
top:50px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbtab{
height:100px;
width:30px;
float:left;
cursor:pointer;
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIODaf6bmfK5Piy3gl_ZovPVNuzVJH1-Il2_sBzdt1qsZuJnKTAHOSQKTwz3c8NJtiQ_8SnnqJcid7A_3ELK4YNBFFGgp_plb9Z6Lx3S9gF_CwSZNQjgilrvrvf0sKUab6uUlAQEDpRhg4/') no-repeat;
}
.gbcontent{
float:left;
border:2px solid #A5BD51;
background:#F5F5F5;
padding:10px;
}
</style>
<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);
gb.opened = !gb.opened;
}
function moveGB(x0, xf){
var gb = document.getElementById("gb");
var dx = Math.abs(x0-xf) > 10 ? 5 : 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+")", 10);}
}
</script>
<div id="gb">
<div class="gbtab" onclick="showHideGB()"> </div>
<div class="gbcontent">
< Taruh kode shoutbox anda pada tempat ini>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script></div>
- nah mudah-kan.......??? sekarang setelah anda copy kode di atas, login ke blog sobat lalu pilih tata letak kemudian klik tambah widget lalu pilih input code html setelah itu pastekan kode diatas dan hapus kata Taruh kode shoutbox anda pada tempat ini ganti dengan kode shoutbox anda....
Thank's
Tidak ada komentar:
Posting Komentar