Cara Membuat Buku Tamu Melayang

Pada postingan yang ke-13 ini saya akan membahas tentang cara membuat buku tamu melayang

Sebenarnya apa fungsinya dari buku tamu??

Mungkin bisa untuk tempat orang lain meninggalkan jejak di blog anda

Maaf untuk contohnya saya tidak memasang buku tamu tersebut, karena dapat memperlambat proses load dari blog

Sebenarnya Buku tamu tersebut hanyalah kotak chating alias box chat. Yang kemudian di modifikasi menjadi auto hide dan melayang di samping. 

Nah bagi yang penacasan untuk cara memasang buku tamu melayang, simak baik-baik tutorialnya

1. Login dahulu di blogger

2. Masuk ke Dasbor > pilih blog yang akan diedit

3. Pilih Rancangan > pilih Elemen Laman

4. Kemudian pilih Tambah Gadget > pilih HTML / Java Script

5. Copy kode di bawah ini

<style type="text/css"> #gb{ position:fixed; top:50px; z-index:+1000; } * html #gb{position:relative;} .gbtab{ height:150px; width:30px; float:left; cursor:pointer; background:url('http://i466.photobucket.com/albums/rr22/wong284/GuestBook.png') no-repeat; } .gbcontent{ float:left; border:2px solid #FFFFFF; background:#FAFD03; padding:10px; } </style><br /> <br /> <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><br /> <br /> <div id="gb"><br /> <div class="gbtab" onclick="showHideGB()"></div><br /> <div class="gbcontent"><br /> PASTE KODE BUKU TAMU DISINI YAA...<br /> <script type="text/javascript"> var gb = document.getElementById("gb"); gb.style.right = (30-gb.offsetWidth).toString() + "px"; </script></center></div></center></div></div></div>

6. Kemudian simpan

Sekian tutorial tentang Cara Membuat Buku Tamu Melayang

Sambung postingan selanjutnya

Selamat mencoba dan semoga sukses..Amin..

Ditunggu komentarnya ya..

Jangan Lupa Untuk Membaca Juga Yang Ini