Cara Membuat Buku Tamu Melayang Di Kanan Blog

Cara Membuat Buku Tamu Melayang Di Kanan Blog

Cara Membuat Buku Tamu Melayang Di Kanan Blog - Apa kalian pernah melihat blog yang memiliki Buku tamu di sisi Kanan, Iya saya akan memberikan cara nya bagaiman kita Membuat Buku Tamu Melayang Di Kanan Blog , Cara nya sangat lah mudah yang harus kamu siapkan adalah menyiapkan buku tamunya yang berupa kode, Untuk dimasukan ke Kode di bawah ini. Pemasanganya mudah kok kawan kwan, Apalagi kamu yang suadah lama mengenal blog tetapi jika kamu belum mahir kamu juga tetap bisa menggunakanya.

 

 

Cara menaruh html di atas 

1. Masuk akun blogger siapa ajah boleh
2. Ke tata letak
3. Add gadget atau Tambah gadget
4. Edit html/javascript
5. Masukan html di di Bawah ini
6. Selesai

Dan ganti tulisan yang Merah dengan html/javascript Cbox/buku tamu Kamu

<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/AVvXsEgF-1fmbmqt8WVQQrMGZ5yZt8QWswgoOPEEordmMZGbY_LxlYc3b47LnFaSskS_d_BxEh7MFnX7_bihlSz3YnqmRzjwcotwsJomwy7Ug6fhPbwHnnv15o95GBureVm4AF3pieRcR-4WwQk/s1600/bukutamu.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">
Silakan Pasang Kode Buku Tamu yang sudah di copy tadi Di Sini

<div style="text-align:right">
<a href="http://abelavriyanno.blogspot.com/2012/04/cara-membuat-buku-tamu-melayang-di-sisi.html">[get this widget]</a>><a href="javascript:showHideGB()">
[Tutup]
</a>
</div>
</div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script></div></div>

Semoga Bermanfaat :)
Cara Membuat Buku Tamu Melayang Di Kanan Blog >

Cara Membuat Buku Tamu Melayang Di Kanan Blog 2014-01-20T03:00:00-08:00 Rating: 4.5 Diposkan Oleh: Unknown