Cara Menampilkan dan Menyembunyikan Shoutmix/Cbox

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.

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

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><div class="gbcontent">

MASUKKAN KODE SHOUTBOX KAMU DI SINI

<a href="javascript:showHideGB()">[close]

</a>

</div>

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://i1176.photobucket.com/albums/x335/b0_0ys/Bukutamu6-1.gif

4) Simpan dan selesai deh.. mudah kan??

Selamat Mencoba yaa..

^_^

Ditulis Oleh : Fortynyr Blog's™ ~ Tutorial Blogger,Tips,Trik Computer,Share dan SEO

Artikel Cara Menampilkan dan Menyembunyikan Shoutmix/Cbox Semoga bermanfaat bagi sobat blog. Terimakasih atas kunjungan Anda serta kesediaan Anda membaca artikel ini. Kritik dan saran dapat anda sampaikan melalui kotak komentar dan Jangan lupa follow, Like. | Sertakan Link Sumber Bila Copy Paste