>> Membuat BukuTamu Melayang
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 anda pernah Chatting bukan? Sekarang Kita akan membahas tentang cara membuat buku tamu melayang di blog. anda Bisa chattingan dengan pengunjung atau pengunjung bisa menuliskan pendapat dan sarannya di blog anda. Aplikasi yang digunakan kali ini adalah CBOX, Bagi yang belum mempunyai akun bukutamu silahkan anda mendaftar dulu, dan ikuti tutorial Disini.
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 biru dapat diganti dengan url Tab yang lain!
Teks yang berwarna merah dapat diganti dengan url buku tamu (Cbox, shoutmix, dll.) yang lain!!
Copas Javascript ini di blog anda caranya klik Rancangan > Tambah Gadget > HTML/Javascript klik kanan paste deh. Semoga berhasil yaa
Jangan Lupa FOLLOW and COMMENT ya
