Home Blogger Tutorial CARA MEMBUAT BUKU TAMU MELAYANG DISAMPING KANAN

CARA MEMBUAT BUKU TAMU MELAYANG DISAMPING KANAN

CARA MEMBUAT BUKU TAMU MELAYANG DISAMPING KANAN

Masuk disini dulu Cbox.ws
Daftar dahulu
Setelah daftar login dulu
Stelah login anda akan masuk di akun cbox anda
klik publish
Copy code nya
Lalu copy kode dibawah ini

<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/AVvXsEjUFyomwZuQSYqkZtCnWtM4hRmGkYO7JBUSDq5XbVQzwwnJiJtqn90D4-bS_Y6iFqIhQ9vHo5veWR3weVY04-h1kIejPHOfIHTZm7Jan7PZBv9N7I01sqGxUty7nkbMkYHCmYAHmKdH9YE/s1600/bukutamu.png') 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">
<b>Silakan Pasang Kode Buku Tamu yang sudah di copy tadi Di Sini</b>

<div style="text-align:right">
<a href="http://ilmugratisindonesia.blogspot.com/2014/04/cara-membuat-buku-tamu-melayang.html">[Click Here]</a>><a href="javascript:showHideGB()">
[Tutup]
</a>
</div>
</div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script></div>
</div>

Masuk ke blogger
klik Tata letak
Add widget
Html/Javascript
paste kode nya
Selesai

Related Post

0 Comment "CARA MEMBUAT BUKU TAMU MELAYANG DISAMPING KANAN"

Post a Comment

Subscribe to: Post Comments (Atom)