Membuat buku tamu melayang

Posted by Unknown on Senin, 20 Februari 2012 0

Cerdaskom Tips Seo: Mau buat buku tamu melayang seperti pada cerdaskom.com. sebenarnya teknik ini saya dapat langsung dari blog rekan kita di: http://belajar-coreldraw.blogspot.com/2011/12/cara-membuat-buku-tamu-melayang.html.

Namun jika rekan-rekan ingin mendapatkannya lewat blog ini juga bisa:
caranya cukup mudah kok (untuk blogger)
1. silakan kunjungi www.cbox.ws (kalau sudah punya buku tamu abaikan saja), lalu mendaftar dengan mengklik sign up, ikuti saja petunjuknya sampai mendapatkan kode buku tamunya

2. Buka blog kamu, seperti biasa pilih tambah gadget lalu html/java script
3. silakan copy - paste kode berikut 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/AVvXsEi_X3D79ia-oPc6yRYtApk6qbZyytkaqHiUj3ChwKGpJ3q426zDiIgD3solz6fH9hpiVhs1c7-t0DmQdQ0qhWjvD0eF8Gni9ZMc-QlV_R7H9GaDpmp3VP5mo8Bn7KA1_Bwf2UHfJxMtVhBk/s1600/bukutamu.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">
Copy Paste kode cbox disini 
br/>Mau buat buku tamu ini ?<br/>Klik <a href="http://www.cerdaskom.com/2012/02/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>

4. Pada tulisan berwarnah merah silakan rekan blogger copy-paste kode cbox nya.
5. simpan urusannya selesai deh

Semoga bermanfaat!