News Update :

30 Desember 2010

CARA MEMASANG BUKU TAMU TERSEMBUNYI/ HIDDEN SHOUTBOX

2 komentar
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('http://lh4.ggpht.com/_jn57XA2jLxY/SmCHl1YEsxI/AAAAAAAAAXQ/HshHClEVcvY/tabs.png') 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

+ komentar + 2 komentar

10 April 2011 17.13

kak,, aku ga bisa,, msa malah ada 2 shoutbox yang 1 kya biasa yang satu nempel di pinggir tapi pas di klik ga da buku tamu nya,,, terus buat nyatuinnya gmna?

Terimakasih paung atas Komentarnya di CARA MEMASANG BUKU TAMU TERSEMBUNYI/ HIDDEN SHOUTBOX
16 April 2011 02.51

kamu gak copy kode yang dikotak bawah kan?

kotak yang bawah hanya sample kode shoutmix aja untuk cara pengeditan ukuran

Posting Komentar

silakan tinggalkan komentar anda, karena komentar anda sangat membantu membangun blog ini.No Spam No Porn.