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

capture Halaman

Cara Mudah Mengcapture Halaman Web

T 12 Agustus 2012 F A Darmanto SEO

Cara Mudah Mengcapture Halaman Web.Mengcapture halaman web adalah salah satu hal yang penting dilakukan terutama bila blog milik sobat sering membuat artikel tutorial bergambar.Nah pada catatan kali ini saya akan berbagi Cara mudah mengcapture halaman web. Cara mengcaprure halaman sebenarnya... Selengkapnya

Cara membuat Tulisan Yang Disorot Bergoyang

Cara membuat Tulisan Yang Disorot Bergoyang

T 28 Juni 2012 F A Darmanto SEO

Cara membuat tulisan yang disorot bergoyang.Membuat tampilan blog kita semakin indah tampilannya adalah salah satu hal yang perlu bagi saya untuk dilakukan.Dan berbagai cara tutorial memodifikasi blog pun coba di terapkan dan tentunya isi atau content dari blog itu sendiri... Selengkapnya

Cara Memposting Kode HTML Pada Postingan Blog

T 25 November 2011 F A Darmanto SEO

Sahabat Darmanto, pada artikel kali ini saya hendak berbagi tutorial tentang Cara memposting kode HTML / parse HTML di Blogger.Artikel ini sebenarnya sudah banyak bertebaran di berbagai  blog tutorial,tapi semoga saja artikel ini masih tetap bermanfaat khususnya buat newbie seperti saya... 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