Cara Pasang Buku Tamu Part II

Kali ini saya akan membahas tentang Cara Pasang Buku Tamu Part II. Berbeda dengan postingan saya yang dahulu yaitu Cara Pasang Buku Tamu yang hanya menitik beratkan pada pembuatan buku tamunya saja. Namun dalam kali ini saya akan memberikan tips agar buku tamu lebih bagus lagi yang berada dekat sidebar di bagian kanan. Untuk jelasnya bisa di lihat gambar di atas.

Caranya :

1. Login Ke blogger dengan Akun anda masing-masing Pastinya
2. Masuk ke Tab Tata Letak
3. Pilih Elemen Halaman
4. Tambah Gadget Pilih HTML / JAVASCRIPT
5. Dan Copy kode di bawah ini kedalamnya yah

<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/AVvXsEgYYbGYU9Sb9Vl5rKxrHKuz6S2jWvV5KAT2-gJDGOvke2Np68esI4GMkU7IGQUe0zKjj1xnbkJ2rAGvfwHTBNSjZsDZQe_oUq39nc_ImWAws85-vyIue7H85fvD_belte4pCKpSi1iAfhYT/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 yang Anda Punya


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

6. Simpan

Ket :
Ganti Teks yang berwarna merah dengan kode buku tamu anda !!


Semoga BERHASIL :)

Terima Kasih sudah membaca postingan Sandi Berbagi
Semoga bermanfaat !!!
Jangan Lupa Komnetarnya Ya !!!!