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

Benarkah Upin Ipin Sebagai Agresi Halus Yahudi?

Benarkah Upin Ipin Sebagai Agresi Halus Yahudi?

T 3 August 2012F A admin

Film Upin dan Ipin adalah salah satu film favorit bagi anak-anak bahkan orang dewasa pun banyak yang menyukainya.Film buatan Malaysia ini sukses beredar dan menghibur banyak masyarakat,termasuk Indonesia. Dibalik kesuksesan itu ada kabar bahwa film Upin & Ipin adalah salah... Selengkapnya

Tata Cara Membuat Akun Paypal

T 8 June 2012F A admin

Tata Cara membuat akun paypal .Sobat Darmanto,sudahkah sobat membuat akun paypal? Saya rasa banyak dari sobat-sobat blogger yang sudah membuat akun paypal ya…Pada catatan saya kali ini,saya hendak berbagi tata cara membuat akun paypal.Catatan saya ini special buat sobat Darmanto... Selengkapnya

Cara Mudah Menghilangkan Encrypted Sponsored Link di free WP Themes

T 23 December 2011F A admin

Sobat Darmanto,pada catatan kali ini saya hendak membagikan Cara mudah menghilangkan encrypted sponsored link di free wp themes. Hampir semua free wordpress theme (WP themes) selalu dilengkapi dengan footer link yang berisi credit link untuk designer-nya dan saya pikir ini... Selengkapnya

+ SIDEBAR
tempat belajar seo

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