Cara Membuat Buku Tamu Keren dan Mudah

Halo Sobat !!

Kali ini admin mau share tutorial :) tentang " Cara Membuat Buku Tamu Keren dan Mudah "

Ikuti caranya ya sobat !!!

1. Kalian klik DISINI

2. Lalu masuk ke akun CBOX atau jika sobat belum punya daftar Sign Up Cbox

3. Jika sudah mendaftar akun Cbox lalu sobat akan masuk ke Cbox

4. Jika sudah masuk, sobat edit Cbox nya se-kreatif mungkin atau sesuai keinginan sobat !

5. Kalau sudah mengeditnya, sobat klik Publish!

6. Setelah itu akan muncul gambar seperti di bawah ini. Sobat copy HTML kode sobat !

7. Sebelum sobat Copy kode HTML Cbox sobat, Sobat Copy-Paste juga HTML berikut ini

<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/AVvXsEj-VcAqe9lwalweI6DzCgHEJ6xXWnMr0NsDmaM7gfUT7ILRcMTI6ERQTh2YQEvS_LLrzKb_A1cCn4YFP3OIgQ04Fq3qzhq1BvSPT_ZMp4RjNQWs4A_3ECQ0PP1Ha3Z71YgIkb4kljqRIEY/s1600/bukutamu.png') 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"> Silakan Pasang Kode Buku Tamu yang sudah di copy tadi Di Sini <div style="text-align:right"> <a href="http://gishafz.blogspot.com/2013/11/cara-membuat-buku-tamu-keren-dan-mudah_9.html">[get this widget]</a>><a href="javascript:showHideGB()"> [Tutup] </a> </div> </div> </div> <script type="text/javascript"> var gb = document.getElementById("gb"); gb.style.right = (30-gb.offsetWidth).toString() + "px"; </script></div> </div>

Cara Menaruh HTML di atas

1.     Masuk akun blogger sobat

2.     Ke tata letak

3.     Add gadget atau Tambah gadget

4.     Edit html/javascript

5.     Masukan html di atas

6.  Selesai

Dan ganti tulisan yang bertuliskan "Silakan Pasang Kode Buku Tamu yang sudah di copy tadi Di Sini" dengan kode html Cbox/buku tamu

yang tadi !

Gampangkan ;)