Membuat Buku Tamu disisi Kanan Blog

---

Unknown on 10.16

---

Buku Tamu Diblog Menurut saya perlu, karena bisa menambah pertemanan, popularitas blog karena buku tamu ini media untuk saling menyapa dan meninggalkan jejak url di blog.

Untuk Contohnya anda bisa lihat di sisi kanan blog bloognyaagooes klik disini lihat kotak hijau bertuliskan buku tamu diklik nanti akan muncul form isian

Bagaimana membuatnya

Langkah Pertama
Buat form buku tamu di alamat situs ini http://www.cbox.ws/
Daftar dan buat form setelah berhasil atau jadi anda akan mendapat kode html buku tamu

Langkah Kedua
Copy Paste HTML 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/AVvXsEizpc9-EKRQgWtCVhfv6atLLRfPHjvuue1NO3iuVhk0eto_LTPnNRJ7Bm5jpJp7iZL1oMukRwR1iacpjeE8Wq9dLE7vUuTPg-ArXoslOKsbD3a-MwPFNKwWE70jpyuesdiyGgfjOn50wlk/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://panduan-ngeblogs.blogspot.com/2013/07/membuat-buku-tamu-disisi-kanan-blog.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 kode html di atas
1. Masuk akun blogger
2. Ke tata letak
3. Add gadget atau Tambah gadget
4. Edit html/javascript
5. Masukan html di atas

Selesai dan Ingat ganti tulisan yang biru dengan html/javascript Cbox/buku tamu
yang tadi

Selamat Mencoba !!!

Filled Under:

Widget Blog