Di balik penderitaan sesungguhnya akan ada kebahagiaan yang menanti....Amin...

Kamis, 20 September 2012

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://lh4.googleusercontent.com/-vOYyBxz5wbg/TmAY-c0yhCI/AAAAAAAAAN8/A7c3wp7oqaQ/buatslide.png') 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://9a-sabila.blogspot.com/2011/11/menambahkan-guestbook-slide-di-blogger.html

Tidak ada komentar:

Posting Komentar