CARA MEMBUAT BUKU TAMU BERADA DI POJOK BLOG (MELAYANG)

Halo Temen2 Sekalian, Jumpa lagi bersama Remix-7, kali ini Remix-7 akan membagikan bagaimana cara membuat buku tamu melayang di pojok blog (berada di samping blog). oke, langsung saja kita praktekkan,.. :-)

• Pertama masuk ke akun blogger anda
• Pilih dan Klik rancangan
• klik elemen laman
• kemudian klik tambah gadget.
• Klik HTML/Javascript

Selanjutnya, copas kode html di bawah ini,..

<style type="text/css">
#gb{
position:fixed;
top:30 px;
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/AVvXsEgTfQXcs-oQyxCqzQZV4eFY-MVd-1qAeyN_aIYtZn5wHFJ4ZwLkQtP1zD0Xk11fFHbCTZomGBqRcxZk5yjHYivXwFSGYWbfIO7aJh3dfD3qVA0aOFnGEeUp6NyLA_O0xxreBTpWEoU-0m3J/') no-repeat;
}
.gbcontent{
float:left;
border:1px 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">

<iframe title="mrjengg0tz" src="http://www5.shoutmix.com/?wincool" width="100%" height="350" frameborder="0" scrolling="auto"><a href="http://www.shoutmix.com/?wincool">View shoutbox</a></iframe>

<div style="text-align:center"><br />
<a href="javascript:showHideGB()">
[close]
</a>

</div>

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

Ganti tulisan yang berwarna merah dengan alamat shoutmix ataupun chatbox kamu,..
Klik save ,.. dan lihat hasilnya, Taraaaa,... Buku tamu anda sudah melayang disamping blog anda.
Sekian dulu sobat2, Selamat Mencoba :-).

Artikel Terkait

CARA MEMBUAT BUKU TAMU BERADA DI POJOK BLOG (MELAYANG)

4/ 5

Oleh ADMIN BB

ADMIN BB 21.22 2 Komentar