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

Cara Membuat Widget Recommended Post Slide

Cara Membuat Widget Recommended Post Slide

T 29 Agustus 2012 F A Darmanto SEO

Cara Membuat Recommended Post Slide.Membuat Widget Recommended post slide adalah salah satu widget yang banyak di pasang oleh sebagian blogger.Tujuan pemasangan widget ini adalah salah satu tips blog untuk memperbanyak pageview blog milik sang blogger.Widget ini akan memunculkan random post... Selengkapnya

Cara Mendaftarkan Web Wordpress ke Google Webmaster Tools

Cara Mendaftarkan Web WordPress ke Google Webmaster Tools

T 12 Februari 2018 F , , A Darmanto SEO

Cara Mendaftarkan Web ke Google Webmaster Tools bagi Anda pengguna web platform CMS wordpress hari ini saya share. Dengan mendaftarkan web wordpress Anda ke google webmaster, Anda bisa melihat data perkembangan website Anda. Anda bisa tahu data website seperti jumlah... Selengkapnya

Cara Membuat Artikel Terkait With Scroll

Cara Membuat Artikel Terkait With Scroll

T 13 April 2012 F A Darmanto SEO

Cara Membuat Artikel Terkait With Scroll. Sobat Darmanto semua,setelah beberapa waktu yang lalu saya berbagi catatan membuat artikel terkait,pada catatan saya kali ini yang masih berisi seputar tutorial blog akan dilanjutkan dengan Membuat artikel terkait  namun dilengkapi dengan fungsi scoll.Membuat... Selengkapnya

+ SIDEBAR

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

Operation time

Senin-Jumat: 08.00-17.00
Sabtu: 08.00-16.00
Minggu: Buka dengan buat janji dulu
Email: admin(at)darmanto.com

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