Cara Menambahkan Buku Tamu pada Blogger

CARA MENAMBAHKAN BUKU TAMU:


1. klik disini  untuk ke alamat webnya
2. lalu isi folmulir dan jangan lupa dibawah ada centran di centrang aja lalu klik tulisan create my cbok
3. pilih menu publish lalu copy scripnya (ada dibawah)
4. masuk ke blog anda, pilih rancangan, tambah gadged
5. pilih HTML/Java Script lalu pastekan kode lalu simpan


CARA MENYEMBUNYIKAN BUKU TAMU DI PINNGIR


1. Buka blog
2. Pilih rancangan
3. Edit tambah gatget
4. Pilih HTML/Java Script lalu copi paste kode berikut lalu simpan

<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://b.imagehost.org/0611/buku-tamu.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">

<!-- Ganti ini dengan kode buku tamu Anda -->

<div style="text-align:right">
<a href="javascript:showHideGB()">
[close]
</a>
</div>
</div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script>

Catatan:
Ganti tulisan yang berwarna kuning dengan code buku tamu anda

Tags : #Blogger

Share This :

Unknown