Di sini saya akan memperkenalkan Bagaimana Cara
Membuat Buku Tamu.
Langkah-langkahnya sebagai berikut :
1. Masuk Ke Blogger
2. Klik Tata Letak
3. Klik Tambah Gadget
4. Pilih HTML/Javascript
5. Copy dan paste kode di bawah ini ke dalamnya
<style type="text/css">
#gb{
position:fixed;
bottom:1px;left:1px;
z-index:+2000;
}
* html #gb{position:relative;}
z-index:+2000;
}
* html #gb{position:relative;}
.gbtab{
height:100px;
width:30px;
float:right;
cursor:pointer;
background:url('http://i1135.photobucket.com/albums/m629/diekhancil/tombolBukutamu5.png') no-repeat;
height:100px;
width:30px;
float:right;
cursor:pointer;
background:url('http://i1135.photobucket.com/albums/m629/diekhancil/tombolBukutamu5.png') no-repeat;
}
.gbcontent{
float:right;
border:2px solid #4B0082;
background:#000000;
padding:10px;
}
</style>
.gbcontent{
float:right;
border:2px solid #4B0082;
background:#000000;
padding:10px;
}
</style>
<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(20-w, 0) : moveGB(0, 35-w);
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.left = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
}
</script>
<div id="gb">
<div class="gbtab" onclick="showHideGB()"title="chat open / close"> </div>
<div class="gbcontent">
[Isi Dengan Buku Tamu Anda]
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(20-w, 0) : moveGB(0, 35-w);
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.left = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
}
</script>
<div id="gb">
<div class="gbtab" onclick="showHideGB()"title="chat open / close"> </div>
<div class="gbcontent">
[Isi Dengan Buku Tamu Anda]
<br/>
<div style="text-align:right">
<a href="javascript:showHideGB()">
[Close]
<a href="javascript:showHideGB()">
[Close]
</a>
</div>
</div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.left = (30-gb.offsetWidth).toString() + "px";
gb.style.left = (30-gb.offsetWidth).toString() + "px";
</script>
Peringatan :
Silahkan ubah yang berwarna Ungu menjadi url gambar tombol buku tamu
sobat yang telah di simpan
di google atau di 4shared. Kalau malas,
di biarkan juga tidak apa
- apa.
Langkah kedua silahkan sobat
ubah yang berwarna Hijau untuk posisi Shoutmix sobat, mau diletakan di
kiri, kanan, atas, atau bawah. Ganti kode Left
dengan Right dan sebaliknya ganti Right dengan Left sesuaikan dengan keinginan sobat.
Langkah ketiga silahkan
sobat ubah yang berwarna Merah
untuk warna
background dan ubah border
sesuai dengan kesukaan sobat.
Selamat Mencoba.........
Selamat Mencoba.........