Pasang Buku Tamu/guest book Tersembunyi

Tips And Trick Blog    Comment   

Ingin pasang buku tamu seperti yang disampingg kanan blog ini?mudah kok. yang perlu kamu lakukan adalah mencopy kode berikut di blog kamu.

cara caranya sebagai berikut: 

Klik Link ini  

ikuti petunjuk ini:

pertama anda klik sign up untuk daftar:



Lalu masukan data data berikut dengan sesuai ketentuain yang ada:



Lalu jika telah anda masukan data data,berikut anda kan di munculkan seperti ini:

anda tinggal memasukkan id dan pasword anda:lalu enter

nah jika sudah masuk anda akan di perlihatkan gambar berikut ini:

silahkan anda publikasikan atau anda dapat mengatur sendiri tampilannya:

untuk melanjutkan anda harus meng-Klik Publish



jika sudah dapat dilihat dalam kolom dibawah terdapat kode Html.

silahkan itu semua anda copy dan ikuti petunjuk di bawah ini:

Jika sudah masukan kode tadi di gedget: 

Dasbor Disain=>Tata Letak=>Tambah gedget=>html java script(lalu masukan kode ini)

ga tau caranya masang? Klik disini 

ohya jangan beri judul pada gadget ini ya. 

masukan kode di bawah ini tepat di atas kode yang tadi 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://1.bp.blogspot.com/-uUXDyo87eQs/UBieS1BBz4I/AAAAAAAAAnI/KNEQ9F392qk/s1600/bukutamu4.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">

Setelah itu anda masukan kode berikut ini tepat di bawah kode cbox tadi:

<script type="text/javascript">

var gb = document.getElementById("gb");

gb.style.right = (30-gb.offsetWidth).toString() + "px";

</script></div>