Cara Menyembunyikan Buku Tamu di Sebelah Kiri di Blogger

    Sekarang saya akan membahas bagaimana cara untuk menyembunyikan buku tamu di sebelah kiri di blogger... Cara ini gampang bangetz kok.... Saya jamin kamu pasti bisa langsung mempraktekannya di Bloggermu... Tapi sebelum kita mulai, terlebih dahulu kamu harus punya Shoutmix atau Shot Box terlebih dahulu.... Kamu bisa daftar di http://shoutmix.com/ Jika sudah, ayo kita coba...

Cara Membuat Buku Tamu Sembunyi di Sebelah Kiri Layar:
1. Login ke Bloggermu
2. Klik Menu Rancangan
3. Klik Element Laman
4. Klik Tambah  Gadget
5. Tambah element HTML/JavaScript
6. Copy Paste Script 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://i1183.photobucket.com/albums/x472/gengred10/25%20feb/buku-tamu_03.gif') no-repeat;
}
.gbcontent{
float:left;
border:2px solid #000000;
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 ini dengan kode buku tamu kamu -->

<br/>
Mau Punya Buku Tamu Seperti Ini?<br/>
Klick
<a href="http://alkicoad.blogspot.com/2011/03/cara-menyembunyikan-buku-tamu-di.html">
DISINI
</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>

8. Ganti kode berwarna merah dengan Script Shoutmix/Shotbox kamu.
9. Ganti juga ukuran yang berwarna biru untuk atur posisinya. Ubah aja nilai atribut top-nya. Kalau mau lebih ke atas dikit, ubah jadi 30px atau 20px, terserah kamu.
10.Jangan lupa Simpan



Mudah Bangetz kan??? Ya lha mudah, udah tahu sich… Jika ada pertanyaan kamu beri command saja di bawah. OK??? Terima Kasih….


Selamat Mencoba ^-^

2 komentar:

Posting Komentar

Diharapkan bagi kalian yang telah membaca postingan di atas agar mengisikan komentar di bawah ini atau dapat mengajukan sebuah pertanyaan kepada saya. Secepat mungkin pasti akan saya balas. Ok???

Jika ingin menggunakan emotications di atas, hanya tinggal mengcopy kata - katanya saja...
contoh: :mikir: :gagah: :nyerah:

Bagi kalian yang tidak mempunyai akun, namun ingin berkomentar, silahkan pilih mode Anonymous...
Mode ini saya persiapkan untuk semua orang....

Thank&'s Before!!! ^~^