Membuat Buku Tamu Tersembunyi Sebelah Kiri

Sobat blogget, kali ini saya akan memposting tentang membuat buku tamu tersembunyi. Nah, sebelumnya saya sudah memposting hal yang sama. TAPI,,, yang sebelumnya sebelah kanan, kalau sekarang yang sebelah kiri. Ok langsung saja caranya.

1. Login ke blogger
2. pilih menu rancangan - kemudian elemen laman
3. klik tambah gadget
4. pilih html/javascript
5. copy pastekan code berikut:
   <style type="text/css"> .ahmadrifai_fixed{ position:fixed; top:0; left:0; z-index:+1000; } * html .ahmadrifai_fixed {position:relative;} #hidden_ahmadrifai { display:none; border:1px solid #ccc; background:#eee; padding:3px 10px 0px 10px; } <div class="rifaldhi_fixed"> <table id="hidden_rifaldhi" cellpadding="0" cellspacing="0"> <tr><td> <div style="text-float:right"><a href="javascript:void(0)" onclick="ahmadrifai_showHideahmadrifai()" title="Close/Tutup"><img style="border:0px; width:auto; height:auto;" alt="Guestbook" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEid6VljggUNgomr1t_pAh8xY49YPv8zo-a5btYfzSs97p13vcfXO9FJVkUpsxgmelHJEi26uAVsJTCJqW_326ROk6woG5CvGpeDFlrD-gyWFBW4TWSEklROzmrjdC-8t8gpr3PQE9GK8_g/s1600/tutup.png" /></a></div> PASANG KODE BUKU TAMU KAMU DISINI <br/> <script type="text/javascript" src="http://ahmad-rifai-tools.googlecode.com/files/bukutamu-kiri.js"></script> </td></tr></table></div> <div style="z-index:+5" class="ahmadrifai_fixed"> <a href="javascript:void(0)" onmouseover="ahmadrifai_showHideahmadrifai()"> <img style="border:0px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijxSTuMXQrqEdo1VrizKhc4GEbsS_ySXt7oB4324ZEMJIC0VIdnBMBB4U-_Xz7gyTA-DfcUXd_vHtgYZ2EgkgRezeC_wCSTiEIuqziolmnP7TwQAnIJtnt5eG4XDsSz9afZAbMtzfp21I/s1600/bukutamu.png" /></a> </div>
6. simpan dan lihat hasilnya.

Note : Ganti tulisan warna merah dengan code buku tamu anda.