DickeyMaru DickeyMaru
DickeyMaru v7 200k IDR
Guest
Book

Cara Membuat Buku Tamu Terbuka Tanpa Diklik [ketika tersentuh mouse]

Author: HarisKhan 02.19 12 Comments

  •  buku tamu kali ini yaitu membuat buku tamu terbuka tanpa diklik
  • seperti punya saya mau lihat DEMOyang kanan tengah itu loh.... yuks sobat kita lihat langkah-langakah nya yuks....
  • Login Ke Akun Blog anda
  • pilih rancangan
  • tambah gadget html/javascript
  • kemudian copy kode berikut ini
<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://img22.imageshack.us/img22/8941/tabs2.gif') 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>

KODE CBOX ANDA

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

  • Simpan Template Anda

keterangan:Ganti tulisan yang berwarna MERAH KODE CBOX ANDA
Share and Backlinks
About Hariskhan
Awalnya cuman iseng main blog lama-lama jadi Gimana gitu saya senengngotakngatik,udah aboutnya sekian aja jangan kepo, pliss komentar di Artikel ini Terimakasih
You Might Also Like This
12 komentar (click here to add new comment)
  1. Balasan
    1. @Fandi Adhitya saya lupa kode yang paling atas maaf yah kode nya kurang....

      Hapus
    2. iya gan, tp maaf ane udah pake model lain..hehehe sory ya gan..

      Hapus
  2. Tutorial yang sangat menarik sobat buat para blogger yang ingin blognya tampil beda pada bagian guestbook mereka thanks

    follow back sukses 73, saya tunggu komentar baliknya

    BalasHapus
  3. nice posting sobat fibox ngk bs kebuka sob ninggalken jejak disini aja ya sob,

    BalasHapus
  4. kayaknya keren nich, nice posts SObat :)

    BalasHapus
    Balasan
    1. Follow ke-90 sucses Sobat :)

      Hapus
  5. wah bisa dicoba nih kapan"
    nice share sob
    btw follow sukses ditunggu follbacknya

    BalasHapus
  6. chat box-nya kok gak mau keluar waktu saya klik, cuma naik turun ja sob,
    TEtap semangat yach :)

    BalasHapus
  7. ikutan bergoyang di sini Sob, :D

    BalasHapus
  8. kalo blog ane pake yg simple2 aja.. ^^

    BalasHapus
  9. Wah pengen ni dibikin kek gini, tapi mumet kayaknya yah :D
    Makan martabak dulu ahh,....
    http://marijol-martabakmini.blogspot.com/

    BalasHapus

COMMENTS SOBAT :D

Labels

Like (y)

Pengikut

Hariskhanishaq

© 2008-2013 DickeyMaru v7 | design by Dark Ard ???? RedesignHarisKhan | Some Rights is Reserved
Selamat datang! di blog cahaya ilmu semoga artikel disini bermanfaat ^_^ ~