Beranda » Uncategorized » Cara Mudah Menyembunyikan Buku Tamu (Shoutmix)

Cara Mudah Menyembunyikan Buku Tamu (Shoutmix)

T Diposting oleh pada 14 May 2011
F Kategori
b 1 komentar
@ Dilihat 161 kali
Cara Mudah Menyembunyikan Buku Tamu (Shoutmix)

Cara menyembunyikan Buku tamu adalah salah satu cara yang banyak disukai oleh blogger. Memasang Buku tamu di halaman blog kita itu penting loh,tapi terkadang Widget tersebut membuat halaman Blog kita jadi penuh.Untuk itu solusinya ialah dengan membuat  Buku Tamu yang bisa tersembunyi dari tampilan Firefox kamu, yang animasinya berbeda dengan lain-nya.

Pada tutorial ini, tampilan buku tamu seperti pada animasi power point kamu. Pertama kamu klik tulisan buku tamu, sesudah itu muncul ShoutMix dengan samar-samar, terus menjadi jelas.
Langsung saja tanpa panjang lebar, Baca selengkapnya untuk Cara Menyembunyikan Buku Tamu dibawah ini:

Cara Menyembunyikan Buku Tamu:

1. Langsung saja masuk  ke dalam Rancangan-Tambah widget-Klik  HTML/JavaScript.
2. Masukkan Kode Script 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://i581.photobucket.com/albums/ss258/daenkrhapy/BT.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”><!– Begin ShoutMix – http://www.shoutmix.com –>
<iframe title=”catatandarmanto” src=”http://www6.shoutmix.com/?catatandarmanto” width=”160″ height=”400″ frameborder=”0″ scrolling=”auto”>
<a href=”http://www6.shoutmix.com/?catatandarmanto”>View shoutbox</a>
</iframe>
<br /><a href=”http://www.shoutmix.com” title=”Get your own free shoutbox chat widget at ShoutMix!”>ShoutMix chat widget</a><br />
<!– End ShoutMix –>
<blink>
<font size=”2″><a href=”http://catatandarmanto.blogspot.com/2011/05/memasang-buku-tamu-di-halaman-blog-kita.html”>Darmanto</a></blink>
<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>

Keterangan:
– Ganti Tulisan kode yang berwarna biru dengan tulisan kode milik sobat.

Kalau ada yang  bingung  atau gagal dalam mempraktekkannya  Coment saja dibagian komentar ya…?

1 Komentar untuk Cara Mudah Menyembunyikan Buku Tamu (Shoutmix)

a Artikel Terkait Cara Mudah Menyembunyikan Buku Tamu (Shoutmix)

Manisnya Peluang Bisnis Grosir Busana Muslim

T 12 May 2014F A admin

Grosir busana muslim semakin hari semakin banyak dipilih bagi mereka yang ingin berjualan busana.Selain Grosir pakaian Anak,busana muslim adalah bisnis busana yang menjanjikan manisnya keuntungan yang lumayan besar bagi para pelaku bisnis ini. Cara menjadi Grosir busana muslim juga untuk... Selengkapnya

Cara Membuat Kotak Berlangganan Di Bawah Postingan

Cara Membuat Kotak Berlangganan Di Bawah Postingan

T 15 August 2012F A admin

Cara Membuat Kotak Berlangganan Di Bawah Postingan.Membuat kotak berlangganan artikel di bawah postingan artikel adalah salah satu hal yang menurut saya cukup bermanfaat untuk mempermudah para pengunjung blog kita bila mau berlangganan artikel.Selain mempermudah pengunjung bila mau berlangganan,tehnik memasang kotak... Selengkapnya

Cara Verifikasi Paypal

Cara Verifikasi Paypal

T 14 June 2012F A admin

Cara Verifikasi Paypal.Kembali ke Paypal.Sobat,setelah sobat kemarin menerima catatan mengenai tata cara membuat paypal,kali pada catatan saya akan di lanjutkan dengan Cara Verifikasi Paypal.Untuk memverifikasi paypa cara membuat al,pada catatan kali ini saya akan share mengenai cara Verifikasi Paypal dengan... Selengkapnya

+ SIDEBAR
tempat belajar seo

Ada Pertanyaan? Silahkan hubungi customer service kami untuk mendapatkan informasi lebih lengkap mengenai jasa/produk kami.