Tutorial Cara Membuat Buku Tamu Blog

Haii Teman-teman, kali ini Adi akan memberikan tutorial blog tentang cara membuat buku tamu, sebelum itu, apa saja sih fungsi dari buku tamu ? cek dibawah.

Fungsi Buku Tamu
1. Tempat mengobrol dalam blog.
2. Tempat berdiskusi dalam blog.
3. Tempat menanyakan mengenai luar dari pembahasan blog.

Mau lihat bagaimana contoh dari buku tamu? click disini
baiklah langsung saja kita ketutorialnya.

Langkah - langkah kerja :
1. Kalian silahkan mendaftar cbox terlebih dahulu, click disini.

2. Isi Data sesuai yang tertera.

Kunjungi Juga : Cara membuat sitemap blogger

3. Setelah mengisi datanya, kalian centang " i have read and ... " lalu click "create my cbox ! "

4. Login Cbox kalian.

5. Kemudian cari script cbox kalian disini

6. Copy script tersebut lalu tempel di script dibawah

7. Tempel Script berikut pada bagian gadgets html/javascript ( Halaman Blogger > Tata Letak > Tambah Gadget > html/javascript ) , dengan keterangan text berwarna merah diganti dengan script cbox tadi ( langkah 6 ).

<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/AVvXsEihK2CLYqg7MrXxb2zr2zVaUybNnUfyefujvYvrAk6-EBjDvkAtnQjCFCnM0lXHBWpWaPo9028sZ4Incxuuw_RIBX9c1NHNCUlqQ0LcjE7XmbzSkQQJ2tud_7GQ713F-9VnWFahRFPtzryz/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 kamu <br/>Mau buat buku tamu ini ?<br/>Klik <a href=http://www.keizzo.com/2017/06/tutorial-buku-tamu.html> 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>

Mudah bukan ? jika ada kesulitan silahkan bertanya dikomentar atau buku tamu :D

Jangan lupa share dan komen yah :D

Yuk Berlangganan, Sertakan Email dibawah :D