Memasang Buku Tamu Terbang Diblog

Nulis lagi nulis lagi.. seharian ini udah berapa artikel q tulis ya? heehe.. ok ini ada tutorial mengenai cara Memasang Buku Tamu Terbang Diblog. Tutorial ini merupakan Reques dari temen saya yang semangat banget ingin mendalami dunia blog yaitu mas oclick :D

Tentunya Gan pernah Chatting bukan? Sekarang Kita akan membahas tentang cara membuat buku tamu melayang di blog gan. Gan Bisa chattingan dengan pengunjung atau pengunjung bisa menuliskan

pendapat dan sarannya di blog gan. Aplikasi yang digunakan kali ini adalah CBOX, tanpa basa-basi lagi silahkan copy - paste javascript dibawah ini, Scrip ini saya ambil dari mas ikomang sena..

<style type="text/css">

#gb{

position:fixed;

top:50px;

z-index:+1000;

}

* html #gb{position:relative;}

.gbtab{

height:200px;

width:30px;

float:left;

cursor:pointer;

background:url('http://th463.photobucket.com/albums/qq354/imtihan_2008/th_Buku-Tamu.gif') no-repeat;

}

.gbcontent{

float:left;

border:2px solid #A9A9A9;

background:#000000;

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 SCRIP BUKU TAMU CBOX ANDA DISINI 

<br/>

Jangan Lupa Follow and<br/> Comment My Blog<br/>

Klik di

<a href="http://www.ikomangsena.co.cc/">

sini </a>

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

Teks yang berwarna merah dapat diganti dengan url Tab yang lain!
Teks yang berwarna biru dapat diganti dengan url buku tamu (Cbox, shoutmix, dll.) yang lain!!
Copas Javascript ini di blog gan caranya klik Rancangan > Tambah Gadget > HTML/Javascript klik kanan paste deh. Semoga berhasil yaa

Jangan Lupa FOLLOW and COMMENT ya