Cara Membuat Buku Tamu Keren

Bagi anda para blogger pastinya menginginkan buku tamu bukan? Apakah anda tertarik dengan buku tamu di blog kami? Jika iya maka kami akan share cara membuat buku tamu keren di blog.

1. Anda silahkan daftar dulu di cbox untuk mendapatkan script buku tamu anda disini
2. Isi data tersebut dengan benar
 

 
3. Setelah kalian isi datanya, jangan lupa centang "i have read and...." lalu klik "create my cbox!"
4. Masuklah ke akun email anda untuk memverifikasi akun cbox anda
5. Klik tautan dari cbox yang ada di kotak masuk yahoo anda
6. Kini akun cbox anda aktif. Sekarang coba kalian cari script cbox anda atau lewat sini
7. Nah copy ke notepad script atau microsoft

8. Selanjutnya masuk ke blogger anda -> tata letak -> tambah gadget -> html/javascript
9. Masukkan script berikut :

<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/AVvXsEiQ0VTAxbi7TbZ893IHlhZP427964lpIYjfw2pieCBLDKHErpliZa3kRbv1jnGP2vKnwx2GcKQlvvMlkZ34fIfTV_nMfSk-9SaRPiwnxwh3fvX2MewO2l0R3TvubBXy5gytxdvJmw1D7iU-/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"> script cbox sobat <br/>Mau buat buku tamu ini ?<br/>Klik <a href="http://tutoramin.blogspot.com/2016/02/cara-membuat-buku-tamu-keren.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> 

10. Edit text yang berwarna merah dengan script cbox sobat yang sebelumnya sudah disimpan notepad

11.Jika sobat Ingin mengganti gambar buku tamunya sobat bisa mengganti url berwarna biru dengan url dibawah ini

http://i1089.photobucket.com/albums/i353/illankjie/bukutamu3.png

http://i1089.photobucket.com/albums/i353/illankjie/bukutamu5-2.png

http://i1089.photobucket.com/albums/i353/illankjie/bukutamu9-2.png

http://i1089.photobucket.com/albums/i353/illankjie/BukuTamu8-1.png

http://i1089.photobucket.com/albums/i353/illankjie/gustbook02-1.png

Semoga artikel ini bermanfaat buat sobat selamat mencoba...

Salam blogger!