Membuat Buku Tamu Tersembunyi

Buku tamu dalam blogger menurut saya sendiri cukup penting, karena dengan adanya buku tamu ini si pengunjung blog bisa meninggalkan pesan dan kesan blog anda ataupun untuk saling berkomunikasi antara sahabat blogger dengan meninggalkan pesan. bagi anda yang belum pasang fasilitas ini, saya sarankan segera bikin deh,..biasa buku tamu ini banyak yang menggunakan layanan dari shoutmix. nah, buku tamu ini bisa anda sembunyikan untuk memper sempit layar blog anda.

ini dia Bagaimana caranya membuat buku tamu atau shoutmix tersembunyi. ikuti langkah-langkah berikut:
1. Masuk ke account Blogger kamu, pilih Layout: kemudian Page Elements.
2. Klik "Add a Gadget" yang mana saja, kemudian pilih "HTML/JavaScript",
3. Copy-paste kode di bawah 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('http://i932.photobucket.com/albums/ad161/mamad_bucket/tabs-1.png') no-repeat;
}
.gbcontent{
float:left;
border:2px solid #2A0A0A;
background:#610B0B;
padding:5px;
}
</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">

masukan kode buku tamu anda di sini

<div style="text-align:right">
<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></div></div>

------------------------------------------------------------------

catatan!
1. tulisan yang berwarna kuning untuk mengatur posisi, bisa anda ubah sendiri.
2. ganti texs berwarna merah dengan kode buku tamu anda.
3. texs warna hijau merupakan warna background, bisa anda rubah warnanya. selesai, semoga bermanfa'at.

Related Post



2 komentar:

Nur Ceha mengatakan... Reply To This Comment

wah sip kang, mantap, udah ane tes hasil'a work 100% jgn lupa main ke blog ane yah kang,.,.
http://khumaidi-gnz.blogspot.com

WINDEARTFLY mengatakan... Reply To This Comment

wah mantap... :) oiya.. uda saya follow, follow balik ya...

Posting Komentar

Silahkan anda masukan komentar,kritik dan saran di bawah ini
komentar yang anda masukan akan sangat berharga tuk kemajuan blog ane
sebelumnya terima kasih banyak atas komentarnya