CARA MEMASANG BUKU TAMU TERSEMBUNYI/ HIDDEN SHOUTBOX

Cara memasang buku tamu tersembunyi/ hidden shoutbox di blog.shout box adalah fasilitas untuk berinteraksi antara pengunjung blog dan pemilik blog(admin blog).biasanya buku tamu diletakkan pada side bar dan menyebabkan space halaman muka berkurang,maka alangkah baiknya di pasang buku tamu dengan fitur hidden yang terletak pada body blog.
Apabila sobat blogger belum mempunyai akun shoutmix silakan register dulu klik disini dan copy scipt/kodenya.Bagi yang masih bingung Cara Membuat Buku Tamu Di Blog silakan klik disini

Berikut Cara Memasang Buku Tamu Tersembunyi/ Hidden Shoutbox :
1. Login ke Blogspot
2. Klik Rancangan -----> Elemen Halaman
3. Klik Tambah Gadget
4. Pilih html/javascipt dan CoPas (Copy paste) kode berikut :

<style type="text/css">
#gb{
position:fixed;
top:200px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbtab{
height:200px;
width:40px;
float:left;
cursor:pointer;
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWPUjISiDaNkc8BdFKIFrOAsuf6A7NbDjW9Id3KUk8YPvctq075XxpAjzaPNqPjUzKkU6GONXXdZ3QJFPt1dUq1Zjjcsn6VqZwNgeReLJes2rEr5cZNBG-mkGDgFkuZG0BA7D92mpMc0bT/') 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">

PASANG CODE SHOUTBOX KAMU DISINI

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

5. Atur posisi widget dari atas (jarak wiget dari atas) dengan mengganti nilai
top: 200px; sesuai keinginan anda.dan
ganti tulisan PASANG CODE SHOUTBOX KAMU DISINI dengan scipt/kode Shoutmix/Buku Tamu sobat.

6. untuk mengatur ukuran widget sbb :

<!-- Begin ShoutMix - http://www.shoutmix.com --><iframe title="XXX" src="http://www6.shoutmix.com/?XXX" width="100%" height="460" frameborder="0" scrolling="auto"><a href="http://www6.shoutmix.com/?XXX">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 -->

mengganti ukuran lebar
ganti nilai width="100%" dengan nilai tanpa tanda (%) misal width="200"
mengganti ukuran tinggi ganti nilai height="460"
7. Langkah terakhir klik Simpan

selamat mencoba.
Thank's to : Shoutmix

Related Post CARA MEMASANG BUKU TAMU TERSEMBUNYI/ HIDDEN SHOUTBOX

Tips and Trik Blog

• Cara Membuat Drop Down Menu Pada Mobile View Blogger
• Cara Membuat Link Bergoyang / Nudging Otomatis
• Cara Menambah Gadget di Atas / Bawah Posting
• Cara Membuat Tab Content Mudah dan Simple
• Cek SEO Your Page WEB/BLOG
• Cara Memasang Subscribe Via Email
• Cara Membuat Auto Read More
• Kode Warna
• Blogger Versi Mobile 2
• Cara Membuat Tulisan Berjalan Pada Addres Bar
• Cara Membuat Text Berjalan Mengetik / Typing Text
• Cara Mempercantik Tulisan Pada Cbox
• Cara Membuat Blog Versi Mobile
• code box
• Cek seberapa berat loading blog anda
• Cara Membuat Read More Tanpa Kode Script
• Code Converter
• Cara Menulis Code Scipt Pada Postingan
• Cara Membuat Warna Link Pelangi
• Cara Memasang Animasi Label Berputar
• Cara Memasang Sreen Saver / Energi Saving Di Blog
• Cara Memasang Statistik Blog/Counter Blog
• Cara Memasang Jam Di Blog
• Cara Membuat Tulisan Berjalan/Efek Marque
• Cara Memasang Daftar Isi Blog Pada Halaman Posting