Membuat Buku Tamu

Pendapat saya, jika tidak ada Buku Tamu, orang akan kesulitan untuk berpesan. Daripada di komentar lebih sulit. Karena jika berbicara langsung dikomentar biasanya perlu notifikasi, publikasikan komentar-nya. Untuk membuat buku tamu, Anda perlu Cbox. Untuk mendaftar Anda perlu verifikasi akunnya. (sepertinya tidak) Mengapa membuat cbox dahulu? Jika Anda mau membuat Cbox, caranya mudah. Ikuti saja tahap-tahap cara membuat cbox dan cara membuat buku tamu. Jika Anda sudah punya akun cbox hanya login lalu langsung ke tahap 2 aja. Jika tidak perlu membuat cbox akun, coba langsung ke tahap 4. Ayo mulai cara membuat buku tamu.


NB: Tahap 1 - 3 tidak wajib
Tahap 1 Registrasi Akun Cbox
1. Coba ke cbox
2. Pada tulisan 'account name' dibawahnya tekan 'Sign Up'




3. Tulis CBOX NAME dengan username Anda, lalu isi semua form centangi I agree to the Cbox terms and conditions of service.  Lalu klik create my CBOX!
4. Login pada kanan atas yang akun tadi Anda sudah buat. Tulis password dan username-nya (Cbox name)

Tahap 2 Desain Cbox
1. Klik Look & Feel, lalu pilih Layout Options.
2. Tentukan besar kecil nya buku tamu.
3. Width: panjangnya buku tamu
Height: Tingginya buku tamu
form height: tingginya formulir untuk komentar (nb: jika Auto form height On, form height tidak bisa diganti ganti, jadi untuk bisa diganti ganti nonaktifkan auto form height)
Form layout edit sendiri.
Kalau ingin mengaktifkan message nya banyak, Anda perlu bayar CBOX. Karena yang ditampilkan hanya 20...
4. Klik Look & Feel, lalu pilih Theme editor.
5. Main BG: yang warnanya putih bisa Anda ganti dengan hex nya generator di Color Code Generator atau tekan yang warna putih disebelah hexnya itu

Perlu dibaca:
Nah yang background biru (tulisan biru) itu alt bg. main text seperti main bg, tetapi tulisannya. alt text seperti alt bg, tetapi tulisannya. main date seperti main text, tetapi tulisan tanggalnya. alt date seperti alt text, tetapi tulisan tanggalnya. field bgs, itu kotak yang untuk tulis message,name,email / url. Button bg yg tulisannya go. Button text yang tulisan go warnanya seperti hijau atau biru. Form Bg yang diatas nya 1 user online warna putih yaitu form bg. Field border itu garis yang di kotak field bgs pembatasnya. border, untuk pembatas warna pada samping scroll - nya. Link normal, link yang sebelum di sentuh cursor. Link active, link yang sesudah di sentuh cursor. Fonts, font, untuk tulisan font di buku tamu-nya. tentukan besar kecilnya.

6. Jika sudah mendesain, klik Save.
Tambahan untuk emotikon
1. Klik Options, lalu emoticons.
2. Pilihlah warna, atau emotikon dari url.
3. Klik Save Changes.
Tahap 3 Mengambil kode embed
1. Klik Publish.
2. Cari ke bawah, Get your embed code

3. Copykan kode itu.

Tahap 4 Persiapan membuat Buku Tamu

1. Masuk ke blogger.

2. Pilih Blog.

3. Klik Tata Letak > Add a gadget.

4. Klik HTML / Javascript.

5. Pastekan kode ini tepat di kotaknya.

<style type="text/css"> #gb{ position:fixed; top:50px; z-index:+1000; } * html #gb{position:relative;}
.gbtab{ height:100px; width:30px; float:left; cursor:pointer; background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEia7x0tHccox1ykyHOshld3KGPD7JeE-d9jKIqqEKUVLdIrRt-jElJiRYlSTIecH6F_ruoKuOB57aynRpAJaAaJW32iTXQDVynX71-To0dtCKq-cWJnSM5BWiRRU47fipnrVq3WGUdUzibG/') no-repeat; } .gbcontent{ float:left; border:2px solid #A5BD51; background:#F5F5F5; padding:10px; } </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">
 <!-- BEGIN CBOX - www.cbox.ws - v4.3 -->
<div id="cboxdiv" style="position: relative; margin: 0 auto; width: 200px; font-size: 0; line-height: 0;">
<div style="position: relative; height: 183px; overflow: auto; overflow-y: auto; -webkit-overflow-scrolling: touch; border:#ababab 1px solid;"><iframe src="http://www5.cbox.ws/box/?boxid=902379&boxtag=mp3xfa&sec=main" marginheight="0" marginwidth="0" frameborder="0" width="100%" height="100%" scrolling="auto" allowtransparency="yes" name="cboxmain5-902379" id="cboxmain5-902379"></iframe></div>
<div style="position: relative; height: 80px; overflow: hidden; border:#ababab 1px solid; border-top: 0px;"><iframe src="http://www5.cbox.ws/box/?boxid=902379&boxtag=mp3xfa&sec=form" marginheight="0" marginwidth="0" frameborder="0" width="100%" height="100%" scrolling="no" allowtransparency="yes" name="cboxform5-902379" id="cboxform5-902379"></iframe></div>
</div>
<!-- END CBOX --> 
<div style="text-align:right"> <a href="javascript:showHideGB()"> [tutup] </a> </div>
</div>
<script type="text/javascript"> var gb = document.getElementById("gb"); gb.style.right = (30-gb.offsetWidth).toString() + "px"; </script></div>

Ganti kode dari <!-- Begin Cbox ..... --> sampai <!-- END CBOX --> ke kode cbox tadi
6. Klik simpan
7. Klik Simpan setelan
8. well, selesai :D

Cukup sekian dari membuat buku tamu.... :) Share untuk artikel artikel lainnya.