Membuat buku tamu berada disamping layar

INI ADALAH HALAMAN RALAT DARI POSTING INI,
sempat ada yang komplain karena shoutmixnya ada yang ditengah setelah kode dicopy, ini adalah kode sesuai dengan shoutmix dan animasi sesuai blog saya: hehehehe


saya sempat untuk mempraktekan ilmu sebelum saya memposting untuk anda, langkah yang pertama untuk memasang buku tamu atau chat box atau apalah disamping adalah
1. LOGIN
2. Design
3. Elemen-Elemen
4. Add Gadget
5. Add HTML/ java script
6. Copy paste code dibawah ini kedalam HTML yang tadi:

<style type="text/css">#gb{
position:fixed;
top:125px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbtab{
height:150px;
width:30px;
float:left;
cursor:pointer;
background:url('http://farm3.static.flickr.com/2771/4442306534_c1431ea4ce_o.png') no-repeat;
}
.gbcontent{
float:left;
border:1px solid #ffff00;
background:none;
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">


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

<a href="javascript:showHideGB()">
</a>

<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script>

7. ganti tulisan "warna biru dengan shoumix anda, karena itu shoutmix saya, kalo mau dicopy semua juga tak apa-apa hehehe..." dengan kode buku tamu anda,misalnya dari shoutmix,chatbox dll. kalu belum punya KLIK DISINI

0 comments: