Menyembunyikan Buku Tamu di Pojok

Menyembunyikan Buku Tamu di pojok sangat praktis dan efektif buat blogger yang mempunyai banyak widget, bukan begitu??
Postingan kali ini saya akan menuliskan bagaimana Menyembunyikan Buku Tamu di Pojok.



Berikut adalah langkah-langkahnya:
1. Bila anda belum mempunyai Shoutbox, maka silahkan untuk melihat tutorial Membuat Shoutbox di Blog ini terlebih dahulu. Bila anda sudah mempunyai Shoutbox, silahkan ke www.shoutmix.com

2.  Klik Settings




3. Klik Customize size



4. Masukkan Lebar(width) dan Panjang(Height) sesuai selera

5. Copy code yang ada di dalam kotak Generated Codes

6. Paste Kode Shoutmix anda di bagian "Kode Shoutbox Anda!!" di dalam kode 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('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgL3AXFHrK7782F5nDaqi9QxPyYQhQpqjz0_Z18PHQ9eGQ8G8GVDzro-GnkD7FbYePqm1feKQu3u2inv6ZcXf4jBApC4OzfFN6_Nkh3vG-_9e4zL9kU14VnmuTFJNZhe4CUoJlmQEoV5yda/') 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">
KODE SHOUTBOX ANDA!! 

<br /><a href="" title="">Loadingxloading</a><br />

<div style="text-align:right">

<a href="">

</a>|<a href="javascript:showHideGB()">

[tutup]

</a>

</div> 

</div><script type="text/javascript">

var gb = document.getElementById("gb");

gb.style.right = (30-gb.offsetWidth).toString() + "px";

</script></div>

NB:
- Kata buku tamu tidak dapat diganti karena itu merupakan gambar
- Kata tutup dapat diganti dengan close dan sebagainya

7. Login ke akun blogger anda

8. Pilih Tata Letak(Rancangan) -> Tambah Gadget

9. Kemudian pilih HTML/JavaScript  

10. Kosongkan bagian Judul dan paste kode diatas di dalam tempat gadget.

11. Klik Simpan dan lihat perubahannya.

Terima kasih,

Jika anda ingin copas (copy-paste) artikel ini, silahkan saja, namun harus disertai catatan kaki ini ya..
Sumber: http://suhairi33.blogspot.com/