Cara Membuat Guest Book Keren dengan Auto Hide dan Melayang di Blog dengan Animasi Naga Terbang dan Petir

Gues Book Keren

1. Klik Tata Letak
2. Klik Tambah Gadget
3. Klik HTML/JavaScript
4. Kemudian Masukkan Script Berikut Ini (Dengan Cara Mengkopi)
<style type="text/css"> #at{ position:fixed; left:1%; z-index:+1000; } * html #at{position:relative;} .attab{ height:0px; width:0px; float:top; cursor:pointer; background:url(url); } .atcontent{ float:left; border:2px solid #fff; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgw_TLVo6zy47f5Q3zi0sXDb7hsz9HmE-9f_Y_y6djAquy1BXzB5bMu-NVrOtNPJGd2Ydbb_Yv2HcoAshs0F91CNVhhidx9O21_HLdo-GzmmJEo2AN8mdIFNVW-cogi4rtE7p_TN_QXeg4H/)#000000 repeat-x bottom center scroll; -moz-border-radius:10px; padding:10px; } .atcontent:hover{ border:2px solid #fff; background:url(http://petir-project.googlecode.com/files/zuaz-petir.gif)#000000 repeat-x bottom center scroll; } </style> <script type="text/javascript"> function showHideAT(){ var at = document.getElementById("at"); var w = at.offsetWidth; at.opened ? moveAT(0, -200-w) : moveAT(20-w, 0); at.opened = !at.opened; } function moveAT(x0, xf){ var at = document.getElementById("at"); var dx = Math.abs(x0-xf) > 25 ? 35 : 1; var dir = xf>x0 ? 1 : -1; var x = x0 + dx * dir; at.style.bottom = x.toString() + "px"; if(x0!=xf){setTimeout("moveAT("+x+", "+xf+")", 10);} } </script> <div id="at"> <div class="attab" onclick="showHideAT()"> </div> <div class="atcontent"> <div align="center"> <div style="background:url(http://i53.tinypic.com/oiu4n9.gif) no-repeat;"> Script Cbox Anda <script type="text/javascript"> var at = document.getElementById("at"); at.style.bottom = (-200-at.offsetWidth).toString() + "px"; </script>
5. Setelah itu Rubah atau setting Script Tersebut sebelum dimasukkan ke HTMl/JavaScript dengan catatan anda HARUS memasukkan script dari akun Cbox anda terlebih dahulu
6. Setelah itu Klik Simpan dan Nikmatilah hasilnya
7. Setelah itu jika anda menginginkan hasil yang sangat memuaskan lagi anda juga dapat memperhatikan sekedar Peringatan dari pembuatan Cbox ini :
   "Untuk pembuatan Guest Book Keren ini anda harus memasukkan Script Cbox anda kedalam Script yang telah saya sediakan diatas tadi, Jika saja anda hanya memasukkan Script Cbox anda kedalam HTML/JavaScript tanpa Script saya maka yang jadi hasilnya iyalah Cbox seperti biasanya, Yaitu hanya menempel dengan blog ataupun website anda "

Nb :

Anda dapat mengetahui cara membuat akun Cbox dan mengampil Script dari Cbox ke Script milik anda, dengan begitu anda dapat mengetahui hasil akhirnya yang sangat bagus, pada situs berikut ini :

Cara Membuat Akun Cbox

Preview Guest Book Keren

Untuk Mengedit Guest Book Anda :

1) Anda dapat Mengganti kode
[" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgw_TLVo6zy47f5Q3zi0sXDb7hsz9HmE-9f_Y_y6djAquy1BXzB5bMu-NVrOtNPJGd2Ydbb_Yv2HcoAshs0F91CNVhhidx9O21_HLdo-GzmmJEo2AN8mdIFNVW-cogi4rtE7p_TN_QXeg4H/ "]
dengan animasi yang anda sukai
2) Anda juga dapat Mengganti kode
[" http://petir-project.googlecode.com/files/zuaz-petir.gif "]
 yaitu yang semula bergambar animasi pertir diganti dengan apa yang anda sukai
3) Anda juga dapat mengganti kode
[" http://i53.tinypic.com/oiu4n9.gif "]
 yaitu background dari Guet book anda sesuai dengan apa yang anda inginkan

Nah, semoga informasi dari b3 Recipe kali ini dapat bermanfaat untuk para pembaca semua