Cara Membuat Buku Tamu Melayang di Blog

Coba kalian pandang ke samping kanan atas blog ini disitu ada gambar yang ada tulisannya Buku Tamu nah... itulah Buku Tamu dengan background, yang kalau diklik akan keluar form isian Nama, Website dan Message. Buku Tamu atau Guest Book tersebut melayang artinya tidak terpengaruh oleh scroll mouse, walaupun mouse digulir ke bawah Buku Tamu tersebut tetap terlihat.


Untuk membuatnya ikuti langkah berikut :

• Masuk ke Blogger
• Klik Rancangan
• klik Elemen Laman
• klik Tambah Gadget
• Klik "HTML/JavaScript"
• Kemudian Copy/Paste 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('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggMNbKFRKo1rVfuLPqofru94HWDDYpI61SPWgKU0Cfa_iI0UwYvH3nYnPT8CE2SyPszDtE3N1pCtEfTmsHOYZN8KVdBVfS0C67eH9iLcssBiANksIGUIkG-YbsHcrpTpaa9ZqzbDqQYxhd/s1600/buku+tamu.png') no-repeat; } .gbcontent{ float:left; border:1px solid #B3B3B3; background:#E6E6E6; padding:5px; } </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">   Paste Script Cbox Kalian Disini  <br/>Mau buat buku tamu ini ?<br/>Klik <a href="http://choztware.blogspot.com/2012/06/cara-membuat-buku-tamu-melayang-di-blog.html"target="_blank"> di sini </a> <div style="text-align:right"> <a href="javascript:showHideGB()"> [hide] </a> </div> </div> </div> <script type="text/javascript"> var gb = document.getElementById("gb"); gb.style.right = (30-gb.offsetWidth).toString() + "px"; </script>

Keterangan :

Yang berwarna merah ganti dengan kode yang kalian peroleh dari Cbox
Pada kode diatas Icon Buku Tamu-nya seperti gambar disamping. Gambar dapat dingganti sesuai dengan kreasi sampeyan sendiri dengan terlebih dahulu mendesainnya di CorelDRAW, Kemudian upload di blogger atau hosting lain kemudian ambil URLnya dan pasang sebagai background.


* BACA JUGA

• CARA MEMBUAT TOMBOL SHARE UNIK MELAYANG DI BLOG
• Ace Translator 9.0 + Serial Full Version
• Cara Memasang Gambar Animasi Lucu di Pojok Blog
• Cara Membuat Gadget YM Online / Offline di Blog
• DOWNLOAD GRATIS ADOBE PHOTOSHOP CS 6 TERBARU FULL
• DOWNLOAD GRATIS COREL DRAW X6 FULL VERSION
• DOWNLOAD GRATIS TEKEN 3 PC GAME FULL VERSION
• CARA BACK UP E-MAIL DI MICROSOFT OUTLOOK
  

Ditulis Oleh : Unknown - Bali Respect

Anda sedang membaca artikel tentang Cara Membuat Buku Tamu Melayang di Blog. Oleh Tri Saputra, Anda diperbolehkan mengcopy paste atau menyebar-luaskan artikel ini, namun jangan lupa untuk meletakkan link dibawah ini sebagai sumbernya <a href="http://choztware.blogspot.com/2012/06/cara-membuat-buku-tamu-melayang-di-blog.html" target="_blank">Cara Membuat Buku Tamu Melayang di Blog</a>

---- Get this widget ! ----