Cara Membuat Tombol Buku Tamu / Chat Box Di Sudut Blog + Go To Top - Go To Down

Cara Membuat Tombol Buku Tamu / Chat Box Di Sudut Blog + Go To Top - Go To Down

Cara Membuat Tombol Buku Tamu / Chat Box Di Sudut Blog + Go To Top - Go To Down

Selamat pagi sobat blogger, kalau dulu SAGITA COM pernah membahas tentang Cara Buat Buku Tamu Blog Hidden Show Secara Perlahan, untuk kali ini Kami akan melanjutkan penyempurnaannya. Bukutamu yang kami maksut kali ini berada di pojok kanan bawah blog dan kami tambahkan tobol Go to top - go to down yang sering di cari para blogger, karena pergeserannya yang sangat lembut dan tampak slider.

Sering kita jumpai bahwa jika kita membuka blog maka akan membuka Buku tamu juga, walaupun itu tampak tak terlihat di layar, dan itu akan memperberat loading blog kita, untuk itu mari kita kurangi berat loading blog kita supaya pengunjung betah untuk berlama-lama di blog kita.



Script ini benar-benar menyembunyikan Bukutamu blog dan membukanya setelah di klik tombolnya, suatu contoh Anda bisa lihat di blog ini, jika tombol bukutamu di klik maka browser akan me-load bukutamu, jadi blog tak terasa berat saat di buka awal, bila pengunjung tak menghendaki blogwalking atau sekedar ingin mengetahui apa isi dari konten blog tak akan terasa berat saat di load.



Berikut Adalah Urutan Cara Membuatnya :

<!-- Menu START -->
<div id='zfpm_div' style='display:none;'>
<div id='zfpm_upperBox'>
</div>
<ul id='zfpm_ul'>
<!-- Your menus start -->
<li><div id='ShoutMix' style='text-align: center; line-height:0;display:none;'>

<iframe allowtransparency='yes' frameborder='0' height='500' scrolling='no' src='http://sagita-com.cbox.ws/' width='775'></iframe>

</div>
<input id='sgtvOpener' name='sgtvOpener' onclick='sgtvToggleDisplay(&apos;ShoutMix&apos;,&apos;10%&apos;,&apos;80%&apos;,&apos;10%&apos;,&apos;5%&apos;,&apos;90%&apos;,&apos;5%&apos;);' style='display:block; float:center;' type='button' value='Chat Box'/>
<script src='http://sagita-com.googlecode.com/svn/sGTviewer.js' type='text/javascript'/></li>
<!-- Your menus end -->
</ul></div>
<script type='text/javascript'>
var zfpm_colorTheme = &#39;dark&#39;
var zfpm_shareBox = &#39;no&#39;;
</script>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js' type='text/javascript'/>
<script src='http://sagita-com.googlecode.com/svn/Menu-sudut.js' type='text/javascript'/>
<!-- Menu END -->

Ket :
* Letakkan kode di atas tepat di atas kode </body>.
* Sesuaikan width dan height pada style buku tamu agar sesuai dengan template blog Anda.
* Ganti tulisan yang berwarna biru dengan alamat BUKU TAMU Anda.
* Ganti tulisan yang berwarna merah dengan kata-kata sesuka Anda.
* Save dan lihat hasilnya.