Seperti yang tertera dijudul, kali ini saya akan menjelaskan bagaimana cara membuat buku tamu yang berada disamping blog yang dapat dibuka tutup, seperti apa sich buku tamu itu, lebih jelasnya lihatlah disamping kanan blog saya coba anda klik maka akan keluar buku tamu nya? Sudah jelas sekarang..
Ya udah, kayaknya udah jelas nieh…
Oke langsung aja ke proses pembuatannya..!!!
Langkah 1
Copy Paste Script Kode Dibawah Ini :
<style type=”text/css”>
#gb{
position:fixed;
top:50px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbtab{
height:100px;
width:30px;
float:left;
cursor:pointer;
background:url(‘https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4kiQBV7jMs9KCXZVeV-6uTSJHHp7VcDR_IWmBgu5D-sYlyguKfjIglcqm66rd4_SpoLTuardhPDklJRfE6klAqBj6VEtXaWoRdiLUovfXSCfR9VD7oO3MVm0Qvz6PPNvHP-5Py5Sl0BeG/’) no-repeat;
}
.gbcontent{
float:left;
border:2px solid #A5BD51;
background:#F5F5F5;
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 onclick=”showHideGB()”> </div>
<div>
[ MASUKAN SCRIPT KODE BUKU TAMU ANDA DISINI ]
<div style=”text-align:right”>
<a href=”javascript:showHideGB()”>
[tutup]
</a>
</div>
</div>
</div>
<script type=”text/javascript”>
var gb = document.getElementById(“gb”);
gb.style.right = (30-gb.offsetWidth).toString() + “px”;
</script>
Lalu cari tulisan [Masukan Script Kode Buku Tamu Anda Disini] di script kode tadi.
Hapus tulisan itu Lalu Ganti dengan Script kode Buku Tamu anda
Langkah 2
1.Login di blogger
2.Klik menu tata Letak
3.Klik Elemen Halaman
4.Klik Tambah Gadget
5.Klik HTML/JavaScript
6.Lalu Copy paste kodenya
7.Setelah itu klik Simpan
8.Dan Lihat Hasilnya
Untuk mendapatkan script kode tamu bisa daftar disini
