Beranda » Tutorial Blog » Cara Mudah Menyembunyikan Buku Tamu (Shoutmix)

Cara Mudah Menyembunyikan Buku Tamu (Shoutmix)

T Diposting oleh pada 14 Mei 2011
F Kategori
b Komentar Dinonaktifkan pada Cara Mudah Menyembunyikan Buku Tamu (Shoutmix)
@ Dilihat 1799 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…?

Diposting oleh

Darmanto adalah owner CV. Studio Web, sebuah perusahaan jasa pembuatan web SEO friendly, jasa desain blog, google ads, jasa SEO profesional. Follow Channel telegramnya di https://t.me/darmantoseo

Komentar dinonaktifkan: Cara Mudah Menyembunyikan Buku Tamu (Shoutmix)

Maaf, form komentar dinonaktifkan untuk produk/artikel ini

a Artikel Terkait Cara Mudah Menyembunyikan Buku Tamu (Shoutmix)

cek ranking website di myserpchecker

Mau Cek Ranking Website Menggunakan WhatsMySerp? Begini Caranya

T 21 Juli 2017 F , A Darmanto SEO

Kadang sebagai pemilik website, biasanya penasaran ingin cek ranking website untuk keyword yang diinginkan. Cek ranking web juga biasanya sering dilakukan dan ditanyakan oleh mereka yang sedang ikut kontes SEO atau sedang pesan seo website untuk keyword tertentu ke penyedia jasa... Selengkapnya

Cara Membuat Status Facebook Online Terus

T 13 Oktober 2012 F A Darmanto SEO

Cara Membuat Status Facebook Online Terus – Mungkin banyak sobat yang sering melihat status facebook milik teman kelihatan online terus,padahal status facebook nya sebenarnya sudah offline.Buat sobat yang ingin Membuat status facebook kelihatan Online terus everytime di chat Facebook ,berikut... Selengkapnya

Membuat Template blogspot agar SEO Friendly

Membuat Template blogspot agar SEO Friendly

T 23 Juli 2012 F , , A Darmanto SEO

Membuat Template blogspot agar SEO Friendly -Sebenarnya pada catatan saya ini belum pantas untuk berbagi tentang Tehnik  SEO Blogspot.Hal ini di karenakan saya sendiri masih Belajar SEO.Tapi pada catatan saya ini saya mau berbagi tentang Membuat template blogspot agar SEO... Selengkapnya

+ SIDEBAR

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

Google Partner

Alamat

Darmanto:
Jl. Raya Gili Tugel – Kreo KM 1, Rt. 039 Rw. 005

Desa Cibuyur, Kec. Warungpring

Kab. Pemalang, Jawa Tengah,52358

Butuh Bantuan? Chat Kami Sekarang