Menambahkan Guestbook Slide Di Blogger


Halo, kali ini saya mau share tentang bagaimana menambahkan guestbook slide di blog, caranya? mudah sekaliiiiiiiiiiii






1. klik rancangan pada dasbor
2. klik tambahkan gadget

3. pilih html/javascript

4. copy script berikut :


<style type="text/css">
#gb{
position:fixed;
top:50px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbtab{
height:180px;
width:35px;
float:left;
cursor:pointer;
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjC5P0pDoM6BQVqalosxkGn1PJcp1XkkRw2YkLDjaTMM9rTd3X4G4esx90sYM-xe4LMLOMRUMeCjXY1N9z0CNOh0jqz-hMkDk8jSZxMG3J44q92kv4n08bTBWHakGWiYbs6Filal1Qhmr8/') no-repeat;
}
.gbcontent{
float:left;
border:1px solid #78D0FF;
background: #f6f8f8;
padding:0px;
}
</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">

PASTE SCRIPT GUESTBOOK ANDA DISINI

</div></div><script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";





<p> mau guestbook seperti ini? klik disini </p> 
</script>



5. Simpan
http://irvangerhana-9g.blogspot.com/2013/08/menambahkan-guestbook-slide-di-blogger.html

0 komentar:

Post a Comment