Cara Membuat Buku Tamu di Blog

Buku tamu biasanya di pergunakan untuk setiap pengunjung yang ingin memberikan komentar atau sapaan kepada siempunya blog atau teman-teman yang telah mampir ke blog yang lain.

ini scrip untuk membuat buku tamunya.

< Copy Script di bawah 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('http://lh4.ggpht.com/_jn57XA2jLxY/SmCHl1YEsxI/

AAAAAAAAAXQ/HshHClEVcvY/tabs.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">

<Paste Script Cbox Di sini. jangan lupa hapus dulu tulisan ini>

<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>

Untuk Menyimpanya di blog kita harus masuk dulu ke tab Rancangan tambah gadget. contoh gambar di bawah.

Klik HTML/JavaScript. dan masukan judul diatas, dan isikan script code tadi kedalam jendela kedua di bawah judul, contoh gambar di bawah ini.

Contoh Gambar di bawah.

Saya disini menggunakan cbox untuk jendela chatnya. setelah itu simpan penngaturan tersebut. bila anda belum daftar di cbox silahkan daftar dulu Disini. Setelah itu anda diminta untuk mengisikan nama alamat anda dan alamat url blog anda, setelah semua data terisi lengkap klik create my cbox!. setelah itu lakukan login ke cbox, setelah login anda pilih publish dan anda akan mendafatkan script cbok untuk blog anda copy script tersebut dan masukan kedalam script buku tamu diatas. semoga ini bisa membantu dan bermanfaat untuk anda semua.

Yang Berkaitan: