Cara Memasang Buku Tamu di Blog

Memasang Buku Tamu di Blog saya rasa cukup perlu, karena dengan mamasaang buku tamu kita bisa tahu siapa saja yang berkunjung pada Blog kita. (kalaw ada yang koment, hehehehe),,,

# Oke cukup basa-basinya, berikut adalah langkah2nya.

* Pertama2 sahabat blogger daftar dulu di cbox.ws untuk memilih tampilan buku tamu yang di sukai. (law sahabat blogger punya link lain untuk tampilan buku tamu, boleh2 az di pake’ atau sahabat blogger males daftar di cbox.ws boleh pake’ code punya saya)

* Setelah mendapat Code buku tamu dari cbox.ws, silahkan copy dulu codenya di notepad (g’ di copy di notepad juga gpp.)

* Selanjutnya silahkan masuk di Blog masing2, pilih tambah Gadget (Pilih HTML/Java Scrip)

* Copi paste code 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('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWraOczoQ1hEBshxkYAfNlr1BYDEAQINh9qiCFRpIOZtfyuJgzJ1jzRawF9KIGq2E8zdWmlSoh1M20lv5RDvTz3wn2kyZISBlsG83L66AOWbBBaeZTepB0jjDVI1dwdvPsm0hWxFW7HH99/') 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">

<br /><a href="http://dhentha28.blogspot.com/2010/04/hidden-guestbook.html" title="">tolong di isi ya, sahabat Blogger</a><br />

<div style="text-align:right">

<a href="">

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

* Selanjutnya  letakkan code buku tamu yang tadi di copy di notepad tepat di bawah code <div class="gbcontent">  (pake’ punya saya juga gpp, yang warna merah di bawah ini)

<!-- BEGIN CBOX - www.cbox.ws - v001 -->

<div id="cboxdiv" style="text-align: center; line-height: 0">

<div><iframe frameborder="0" width="200" height="305" src="http://www2.cbox.ws/box/?boxid=2291916&amp;boxtag=g917dj&amp;sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain" style="border:#48515A 1px solid;" id="cboxmain"></iframe></div>

<div><iframe frameborder="0" width="200" height="75" src="http://www2.cbox.ws/box/?boxid=2291916&amp;boxtag=g917dj&amp;sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform" style="border:#48515A 1px solid;border-top:0px" id="cboxform"></iframe></div>

</div>

<!-- END CBOX -->

* law sudah tinggal di simpan dan lihat hasilnya………..!!!

Ket : teks warna biru adalah teks yang ad di bawah buku tamu sahabat blogger, bisa di ganti sesuai dengan keinginan para blogger mania, untuk yang warna merah adalah code buku tamu saya dari cbox.ws.

Selamat mencoba, dan terima kasih sudah mau membaca.

.

Artikel Terkait