Cara Membuat buku tamu

Cara Membuat Buku Tamu Keren

1. Login ke blogger

2. Pilih Rancangan >> klik Elemen Laman
kemudian klik Tambah Gadget 

kemudian pilih html/javascript

3. Copy kode di bawah ini ke HTML/Javascript tadi.

<style type="text/css">

#gb{

position:fixed;

top:20px;

z-index:+1000;

}* html #gb{position:relative;}


.gbtab{

height:150px;

width:50px;

float:left;

background:url('http://i1042.photobucket.com/albums/b429/Farix_2010/Chatting.png') no-repeat;

}


.gbcontent {

float:left;

border:1px solid #BB0000;

-moz-border-radius-bottomleft:10px;

-webkit-border-radius-bottomleft:10px;

-o-border-radius-bottomleft:10px;

-khtml-border-radius-bottomleft:10px;

-moz-border-radius-topright: 10px;

-moz-border-radius-topleft: 10px;

background: #000000 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirLv7j2_X8ZTXZEc4ZEauIihhHWA_8vdz35a1FGk66MlHnISLhI7Um_IPgQUZ0xEcfFAwWLNYjIMes0m94WzMGwodgmgtT1YjIPMt9sU2UsDfw_1TqjCkSf0dDfGjVemVBzsrAAy5uuKE1/s1600/api.gif) no-repeat bottom;

padding:10px;

}


</style>


<script type="text/javascript">

function showHideGB(){

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

var w = gb.offsetWidth;

gb.opened ? moveGB(0, 51-w) : moveGB(30-w, 0);

gb.opened = !gb.opened;

}function moveGB(x0, xf){


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

var dx = Math.abs(x0-xf) > 25 ? 25 : 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+")", 5);}

}</script>


<div id="gb">

<div class="gbtab" onmouseover="showHideGB()"> </div>


<div class="gbcontent">

<center>


MASUKKAN KODE BUKU TAMU ANDA DISINI


<br />

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

<a onclick="showHideGB()" class="tips-fade" title="klik untuk tutup chattingbox">

<center><hr /><img src="http://i1042.photobucket.com/albums/b429/Farix_2010/CloseComment-1.png" /><hr /></center>

</a>


</div>

</center></div>

<script type="text/javascript">

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

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

</script></div>

4. klik simpan
5. klik simpan template
6. Lihat blog

Anda baru saja membaca artikel yang berkategori Cheat Ninja Saga dengan judul Cara Membuat buku tamu. Anda bisa bookmark halaman ini dengan URL https://sayangmamah07.blogspot.com/2011/08/cara-membuat-buku-tamu.html. Terima kasih!

Ditulis oleh: Unknown - Tuesday, 2 August 2011