Buku tamu ini gunanya untuk memudahkan pengunjung blog Anda bila ingin berkomentar atau sekedar menuliskan salam dari para pengunjung di blog Anda .
Caranya tidak begitu sulit, Anda hanya tinggal Copy dan Paste Script di bawah ini ke dalam blog Anda...
Masuk ke account Blogger Anda, pilih Layout kemudian Page Elements.
Klik "Add a Gadget" (Tambah Gadget), kemudian pilih "HTML/JavaScript".
Copy - Pastekan code berikut :
<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('http://i1202.photobucket.com/albums/bb368/error23/bukutamuSHINOBI.jpg') 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">
<!-- Ganti disini dengan code buku tamu Anda -->
<br/>
<br/>
by <a href="http://www.shinobi-blog.com/">Shinobi Blog
</a>
<div style="text-align:right">
<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>
#gb{
position:fixed;
top:50px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbtab{
height:100px;
width:30px;
float:left;
cursor:pointer;
background:url('http://i1202.photobucket.com/albums/bb368/error23/bukutamuSHINOBI.jpg') 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">
<!-- Ganti disini dengan code buku tamu Anda -->
<br/>
<br/>
by <a href="http://www.shinobi-blog.com/">Shinobi Blog
</a>
<div style="text-align:right">
<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>
Catatan :
Ganti script ini <!-- Ganti ini dengan kode buku tamu kamu --> dengan Buku Tamu Anda.
Anda juga bisa menganti gambarnya dengan gambar pilihan Anda, Anda tinggal ganti tulisan yang berwarna merah. tapi sebelumnya Anda upload dulu foto di photobucket.com untuk mendapatkan URL nya.
Lalu simpan, dan Selasai dhe' !!
Gampang kan ??
5 komentar:
nice trik sob..keep posting ya..jangan lupa jga komen balik di blogku ya
@Bimbel Blogging : thank's sobat... oke de', langsung ke TKP sob... :)
okee... !! :D
mu nyobain ya bray,,da garansinya kan kalo ga berhasil keperawanan kembali...wkwkwk
@antonabihandsome :
waduuh.. kagak ada garansi bro.. soalnya ini barang second .. hhha :D
Posting Komentar