Membuat buku TAMU melayang

Hai sobat,

Mau punya buku tamu pada blog sobat,,, ? kayak di gambar ini…

Nih saya berikan sedikit cara membuat buku tamu nya, ikuti saja petunjuk di bawah ini :

 

1. Sobat mesti login dulu ke blog sobat.

2. Silahkan klik Rancangan/desain

3. Kemudian Klik tata letak

4. Klik tambah gadget/add gadget

5. Selanjutnya Klik opsi HTML/Javascript

6. Silahkan sobat Copy Kode HTML di bawah ini, kemudian pastekan pada konten (tanpa judul).

<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/AVvXsEhWoIx9Nc_aBq8H7S3cd2VmnRO5LxXxy4Sc1y3Q3ElJu4ByafWKexTNdqUBIriILk87TnABv5oAL6dE_KInZhMGgHRgNIxZXklfijkUSls3N0ui2jobQ3pJbD2fKXf4i1ALKw03r9GsWyqG/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">   <!-- BEGIN CBOX - www.cbox.ws - v001 --> Code CBox milik sobat <!-- END CBOX -->  <br/>Mau buat buku tamu ini ?<br/>Klik <a href="http://bocahmbelinkliar.blogspot.com/2014/05/membuat-buku-tamu melayang.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>

7. Silahkan sobat ganti tulisan yang berwarna merah dengan Kode yang sobat peroleh dari cbox.

8. Untuk mendapatkan kodenya dari cbox, silahkan kunjungi cbox.

9. Silahkan Registrasi/Sign Up ( gratis/free ) dengan email yang sobat miliki, kemudian verifikasi email selanjutnya silahkan login.

10. Ikuti petunjuk yang ada.

11. Copy dan Paste kodenya ke tulisan yg berwarna merah tersebut

12. Selesai,,, !!!

Mudahkan sob ? Selamat Mencoba