Home » , » Cara Membuat Buku Tamu Blog Tanpa Di Klik Terbuka

Cara Membuat Buku Tamu Blog Tanpa Di Klik Terbuka

Hello Pengunjung Oktri Blog, Kali ini Saya akan berbagi tips tentang tutorial blog yaitu cara membuat buku tamu tanpa di klik Terbuka, yang Pada sebelumnya saya sudah berbagi tutorial Membuat buku tamu tersembunyi, jika pada tutorial sebelumnya apabila kita ingin melihat atau mengisi buku tamu kita harus klik dulu gambar buku tamu itu,,nah pada pada tutorial ini kita tanpa harus klik dan hanya menyorot atau mendekatakan kursor kita.!

Bila Sobat Ingin Buku Tamu Yg Seperti Itu Sobat Bisa Mengkuti Langkah-Langkah Berikut.

  1.  Login Ke Akun Blog Sobat
  2.  Pilih Rancangan/Tata Letak 
  3.  Tambah Gadget/Add Gadget Pilih HTML JAVA SCRIPT
Masukan Script Berikut Di dalamnya


<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://i634.photobucket.com/albums/uu66/oktri_2009/o0c2d.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/AVvXsEhWSLa2Ty4lWHvcmf9FthfDlsH9ADeA5fT1yLBFbTuAr0POPhXtdAqsbhW_0dHxl_kpMIutoiSWHLG1aaQIcetVxu7rcYm-l_Wi3QqrEl17AfUUNc4CjpY7sSXme8QnaoWsN1MJA4EzhsPl/) 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>
Letakan Script Buku tamu sobat 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. Ubah Kata Letakan Script Buku tamu sobat Disini Dengan Script Buku Tamu Sobat
  6.Simpan Dan Lihat Hasilnya



Artikel Terkait:

11 komentar:

  1. bang .. kasii tau dong gimana caranya nge-rool postingan . kaya script di atas itu :D . makasii

    BalasHapus
  2. alhamdulillah dapat satu pencerahan lagi. terima kasih dah bikin tambah semangat....klo asa waktu mampir ya...buat temen2 blogger met kenal ya...mampir juga ya ke blog aku...pazti aku kunjungi balik dweh...makasih ya seblmnya...klo mampir tak buatkan kopi wes...!hhee

    BalasHapus
  3. di blog aku ndak ada kode ini <b:include... atau <dd class....ini? gimana tuh?

    BalasHapus
  4. mantap, udah ane coba gan. hasilnya keren...
    mainlah ke blog ane gan http://www.ianparawida.co.cc/
    ditunggu ya, nubie ni gan..

    BalasHapus
  5. boleh juga ini tips...bisa dicob ni.kemarin aku coba buku tamu yang pake diklik kurang begitu bagus

    BalasHapus
  6. ini buku tamunya cuma kaya gitu doang ya? bisa nggak disesuaikan sama bckgroundnya??

    BalasHapus
  7. Wah, bener2 Blog yang keren, Informasi artikelnya sangat berguna buat saya, terima kasih atas sharing informasinya, Oya kapan2 datang ya ke Blog saya di;
    http://qudrat-inspirasi.blogspot.com
    Salam...

    BalasHapus
  8. terima kasih infonya kk...

    BalasHapus
  9. Letakan Script Buku tamu sobat Disini digantinya gmn??

    scrip nya gmn???

    BalasHapus

Fivers

Selamat Datang Di OKTRI BLOG

Selamat datang di Blog saya, semoga saja kalian bisa mendapatkan apa yang kalian butuhkan diblog saya ini. Terima kasih Telah Berkunjung Di Blog saya,apabila berkenan silahkan berkomentar dan follow blog saya,mari kita saling berbagi ilmu tentang apa saja...Selengkapnya tentang Tutorial Ini

Sekilas tentang penulis

Nama saya Oktri darmadi,saya seorang Mahasiswa S1 Teknik Informatika Di IBI DARMAJAYA Bandar Lampung.

Social Stuff

  • RSS
  • Twitter
  • Facebook
  • HOME
Oktri