Jumat, 08 April 2011

Home » » Membuat Buku Tamu Melayang Di Blog

Membuat Buku Tamu Melayang Di Blog

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 :



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

Letakkan Kode Javascript Buku Tamu yang anda buat di CBOX atau ShoutMix
<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 diisi dengan Buku Tamu yang agan buat di CBOX atau ShoutMix
Cara Membuat Buku Tamu di CBOX :
1. Klik Sign Up
2. Isi Input Box sesuai data agan dan blog agan dan ceklis kotak Checkbox yg ada di pojok
3. Klik Button "Create My CBOX"
4. CoPas kode Javascript CBOX lalu tempatkan ke kode javascript diatas

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 (please) hehe!!!!!!!!!!!

4 Komentar:

Poskan Komentar

Subscribe My Article via Email

Enter your email address:

Sena Aji Buwana

Twitter Delicious Facebook Digg Stumbleupon Favorites More