» » Cara membuat Shoutmix di dalam Buku Tamu

Cara membuat Shoutmix di dalam Buku Tamu

Nah klo masalah yang ini mah gampang bangets..
caranya gampang..
Lo Copy Kode berikut:





<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('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbsdy0JsguouAdruNdmsRSLZ_PkGSi_fBndO2_6r2siQNDc9RdNp1-XDBwy-eLhhsZWuK6JrEKzvWL0OhD_FuXld_Rf1wQDJTRn6EIFLultInzDahWUlRwCM8BWTAuwyixwlfCrh2AuJJw/') 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">





ELO KELUARKAN KODE SHOUTMIX ELO 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>
udah??
sekarang ikuti langkah berikut:
  1. Lo pergi ke Edit Laman
  2. Trus Buat Gedget baru
  3. Lo pilih HTML / Java Sript
  4. Nah, lo Paste aja kode tadi.
  5. Jangan lupa, lo paste kode Shoutmix elo tu di tempat teks biru diatas.
  6. Simpan dech...
Bagi yang gak tau cara dapetin code Shoutmixnya, bisa lo cari tau di artikel gua KLIK DISINI!!

Tapi, bagi yang blom punya Code Shoutmix, bisa elo pinjem dlu kok punya gua, tapi cepat lo ganti ye!!!
nich codenya:

<!-- Begin ShoutMix - http://www.shoutmix.com -->
<iframe title="fadli-network" src="http://www5.shoutmix.com/?fadli-network" width="160" height="400" frameborder="0" scrolling="auto">
<a href="http://www5.shoutmix.com/?fadli-network">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 -->
Gampang kan?
Klo kurang ngerti juga, lo tanya aja, jangan ampe tersesat di jalan!!

CREATED BY: FADLI™ TERIMA KASIH TELAH BERKUNJUNG KE BLOG SAYA INI.. TERIMA KASIH JUGA UNTUK KOMENTAR DAN SARANNYA.. ^_^













.