KAWAH PAPANDAYAN

Cara Membuat Buku Tamu Terbuka Tanpa Di Klick

Cara Membuat Buku Tamu Terbuka Tanpa Di Klick - Sekarang saya akan mencoba memberikan tutorial Cara Membuat Buku Tamu Terbuka Tanpa Di Klick, maksudnya buku tamu yang ada di blog kita akan terbuka secara otomatis tanpa ada perintah klick Sebelum tutorial ini dipelajari silahkan sahabat baca terlebih dahulu tutorial sebelumnya yaitu Cara Membuat Buku Tamu Pada Blog atau klick saja DISINI. Atau Cara Membuat Buku Tamu Melayang Di Blog

Cara Membuat Buku Tamu Terbuka Tanpa Di Klick

Baiklah sekarang kita lanjutkan kepada pokok pembahasan kita kali ini yaitu Cara Membuat Buku Tamu Terbuka Tanpa Di Klick. Untuk pembuatannya sanganlah mudah, sahabat tinggal ikuti saja langkah langkah yang akan saya sampaikan dibawah ini :

1. Login ke akun Blogger
2. Lalu Pilih Rancangan atau Tata Letak
3. Selanjutnya Klick Add Widget atau Tambah Widget
4. Copy kode script dibawah ini dan pastekan kedalam widget

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(http://1.bp.blogspot.com/_O84nraTVNhw/TVAOSS5OUpI/AAAAAAAAAPs/SjzZrVNr21w/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>
TEMPELKAN KODE BUKU TAMU SAHABAT 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>

5. Ganti TEMPELKAN KODE BUKU TAMU SAHABAT DISINI dengan kode buku tamu sahabat
6. Simpan dan lihatlah hasilnya

Nah mudah bukan Cara Membuat Buku Tamu Terbuka Tanpa Di Klick, demikian tutorial yang dapat saya sampaikan, kalau tutorial ini merasa bermanfaat untuk sahabat silahkan berikan komentar pada kotak komentar dibawah ini. tengkyu

Ditulis Oleh : Yudus | Media Sharing Sundaboy

Sahabat sedang membaca tulisan Cara Membuat Buku Tamu Terbuka Tanpa Di Klick. Yang ditulis oleh sundaboy Grt. Apabila sahabat ingin menyebar luaskan artikel ini untuk kepentingan umum, dimohon untuk menyertakan Link sumber dibawah ini. Untuk Kritik dan sarannya sahabat bisa mengirimkan pada kotak komentar dibawah, atau melalui email sundaboy88@gmail.com. tengkyu

2 komentar:

  1. saya akan coba mas bro

    BalasHapus
  2. anonim, mohon maaf saya sarankan anda memakai identitas anda sendiri. tengyu

    BalasHapus

=================================
- Berkomentarlah Yang Sopan
- Tidak Diperkenankan Memasukan Link Aktif Pada Isi Komentar
- Berkomentarlah Sesuai Dengan Content
=================================