Tutorial Cara Membuat Buku Tamu melayang di Blog

Tutorial Cara Membuat Buku Tamu melayang di Blog -Salam edukasi, apa kabarnya pembaca sekalian ?.  Di kesempatan ini, kami selalu ingin memberikan yang bermanfaat bagi pembaca sekalian yang ingin melek teknologi. Salah satu cara mempercantik dan memperindah blog adalah dengan menambah widget buku tamu di blog anda. Cara memasang buku tamu di blog kali ini berbeda dengan yang biasanya yaitu buku tamu melayang di blog.
Untuk lebih jelasnya ikuti langkah-langkah diberikut ini :
1. Login ke Blogger
cara membuat blog di blogger 12. Pilih Tata Letak
buku tamu melayang
3. Lalu tambahkan Gadget baru atau Widget Baru “Add Gadget”
buku tamu melayang di blog
4. Setelah itu pilih HTML/Javascript
5. Copy kode script di bawah ini dan letakan kedalam Widget yang telah sahabat buat.
<style type=”text/css”>
#gb{
position:fixed;
top:50px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbtab{
height:142px;
width:60px;
float:left;
cursor:pointer;
background:url(‘http://4.bp.blogspot.com/-5hjVLVvaT70/T6lPVIf69gI/AAAAAAAAAow/JBKJCSbiClo/s1600/Nomor-Cantik.png’) no-repeat;
}
.gbcontent{
float:left;
border:2px solid #ff8000;
background:#F5F5F5;
padding:10px;
}
</style>
<script type=”text/javascript”>
function showHideGB(){
var gb = document.getElementById(“gb”);
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 60-w) : moveGB(50-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”>
MASUKAN KODE BUKU TAMU SAHABAT DISINI
<div style=”text-align:right”>
<a href=”http://www.rumahbelajar.web.id/”>Rumah Belajar</a>><a href=”javascript:showHideGB()”>(BUKA)</a>
</div>
<script type=”text/javascript”>
var gb = document.getElementById(“gb”);
gb.style.right = (30-gb.offsetWidth).toString() + “px”;
</script>
Keterangan :
ganti MASUKAN KODE BUKU TAMU SAHABAT DISINI dengan kode Buku Tamu yang bisa anda dapatkan di sini
6. Kemudian Simpan, cukup mudah bukan.
Demikian ” Tutorial Cara Membuat Buku Tamu melayang di Blog ” semoga bermanfaat. Selamat mencoba