menyembunyikan shout box di sisi kanan blog


hallo sobat belogger.. mungkin kali ini saya ga banyak bicara, pasti sobat sudah pada tau Menampilkan dan Menyembunyikan Shoutmix/Cbox kaya gimana, sudah pasti liat di sisikanan blog saya kan.. unik kan kalo sobat kpengen cara Menampilkan dan Menyembunyikan Shoutmix/Cbox ikuti langkah2 berikut ini..

Cara Menampilkan dan Menyembunyikan Shoutmix/Cbox :
1) Sign in blogger
2) Dashboard - Design - Page Element - Add  Gadget - HTMLJavascript
3) Copy paste kodw di bawah ini pada HTML/Javascript tadi.


<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://img560.imageshack.us/img560/7910/tkuningo.png')
no-repeat;
}
.gbcontent{
float:left;
border:2px solid #666666;
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">
MASUKKAN KODE SHOUTBOX KAMU DI SINI<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:
- Gantikan teks MASUKKAN KODE SHOUTBOX KAMU DI SINI 
dengan kod shoutbox kamu.
 Url berwarna MERAH dalam kode di atas merupakan url shoutbox button. 
Kamu boleh pilih button pelbagai warna di bawah. 
Just copy paste url yang disediakan dan gantikan pada url MERAH dalam kod di atas.

http://img846.imageshack.us/img846/6586/tnavy.png
http://img267.imageshack.us/img267/5049/tmerah.png
http://img560.imageshack.us/img560/7910/tkuningo.png
http://img829.imageshack.us/img829/127/pinkcair.png
http://img710.imageshack.us/img710/7861/pinkkg.png
http://img36.imageshack.us/img36/3569/orenx.png
http://img84.imageshack.us/img84/6496/hijau.png
http://img97.imageshack.us/img97/6060/ungucair.png
http://i1182.photobucket.com/albums/x441/Fahmi_Maulana/Bukutamu6.gif
cbox
http://zuazz.googlecode.com/files/chatbox.gif
4) Simpan dan selesai deh.. mudah kan??
Selamat Mencoba yaa..

2 Komentar

terimakasih atas infonya. kunjungi blog saya juga ya.. www.zulfapunyablog.blogspot.com..

Reply
Anonymous author

This was really a fascinating subject, I am very lucky to have the ability to come to your weblog and I will bookmark this page in order that I might come back one other time.
HTTP://www.CoolMobilePhone.net

Reply

Post a Comment

Setelah membaca posting di atas..yuk jangan lupa untuk meninggalkan komentarnya:)

back to top