Cara yang paling banyak digunakan adalah membuat buku tamu melayang di blog, tutorialnya baca dibawah ini!
- Login pada blogger atau blogspot kamu.
- Klik rancangan.
- Add gadget atau tambahkan widget dan pilih html/javascript.
- Copy dan paste kode berikut:
<style type="text/css">
#gb{
position:fixed;
top:23px;
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/AVvXsEhnWxnHhBfCce4R_I-CJBamUwmUrIimxuxOcrXqmj9jskY5hv_KDSzpPNlPomdkf4HWSVZlxjYLhsJ_fCvUZ4t1VI2GyJ_3asM6DQsbik7eb0dCi0OAmmPwrI5G8WzOxw2QX7Srd1rT39-9/') 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 class="gbtab" onclick="showHideGB()"> </div>
<div class="gbcontent">
( Tempatkan Script Buku Tamu kalian disini)
<br/>
<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> - Klik simpan.
- Selesei.
Ganti yang berwarna merah dengan script buka tamumu.
Lihat hasilnya dan semoga berhasil, nah demikian tips blog dari infonetmu tentang cara membuat buku tamu di blog, semoga berguna! Dan jangan lupa baca artikel infonetmu yang lain tentang macam-macam cara membuat buku tamu di blog: