Cara Menyembunyikan Kotak ShoutMix [Buku Tamu]

Hari ini saya akan share Cara Menyembunyikan Kotak ShoutMix [Buku Tamu]...

Ok deh.. caranya adalah sebagai berikut :
1. login ke blog kamu.
2. Pilih Rancangan dan pilih tambah gadget.
3. Klik HTML/JavaScript
4. Copy paste code di bawah ini :

<style type="text/css">
#gb{
position:fixed;
top:75px;
z-index:+1000;
}
* html #gb{position:relative;}

.gbtab{

height:200px;
width:27px;
float:left;
cursor:pointer;
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjiMbImrt4uvO_D4QWj8pf1l6wuQCa1YItyzZLX5CC6gBRi-CkFlkm67rSVme4npxcemezsfNv4_R8Lq-vV66e3ZUgWan5GuS6HC9oISsrKY6nfTnegF4fB1KnTOvjD6CDBAAtULKcOBxnS/') no-repeat;
}
.gbcontent{
float:left;
border:2px solid #ddd;
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">

PASANG KODE SHOUTMIX SOBAT DISINI

<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>

NB: Sebelum dipasang, Jangan lupa sesuaikan dulu. Ganti tulisan "PASANG KODE SHOUTMIX SOBAT DISINI" dengan kode shoutmix sobat. Trus untuk mengubah posisi tulisan buku tamunya ubah saja nomor atribut TOPnya dari 20px menjadi lebih banyak (30px misalanya) atau lebih kecil (10px), semakin kecil nilai PXnya posisinya semakin keatas. Satu lagi, kalau ingin mengganti gambar tulisan buku tamunya silahkan buat gambar sobat sendiri dengan ukuran 30px x 100px lalu upload di tempat image hosting sobat dan ganti url yang terdapat setelah tulisan background: dengan url gambar sobat. OK.... selamat berXperimen 


Setelah itu preview dulu, dan kalau tampilannya sudah sesuai keinginan kamu baru di save.

good luck..

Related Post :

Subcribe Via Email :

Jika Anda Menyukai Artikel Blog ini, Masukan Alamat Email Anda Pada Kolom di Bawah, Maka Anda Akan Mendapatkan Kiriman Email Setiap Kali Ada Posting Baru. Terima Kasih Atas Partisifasinya

Enter Your Email Address :