Pasang Iklan Anda di Blog Ini?
Gak Ribet, Langsung Nego Posisi
Info Lebih Lanjut [ Kontak Kami]

Cara Membuat Buku Tamu Auto Hide pada Blogspot

Untuk lebih menyederhanakan tampilan blog. Beberapa fitur yang harus Ada pada blog sebisa mungkin dibuat dengan tidak memakan banyak space. Salah satu fitur blog yang akan kita buat sederhana adalah buku tamu atau Guest Book.

Kegunaan buku tamu ini adalah untuk mengetahui siapa yang berkunjung ke blog kita. Apalagi kalau kita sebagai blog-walking. Wajib isi buku tamu agar dapat kunjungan balik. Berikut salah satu cara yang BPO usulkan buat para blogger.

Hal pertama yang harus Anda lakukan adalah membuat buku tamu itu sendiri, salah satu pilihannya adalah cbox. Buatlah buku tamu Anda terlebih dahulu (baca Cara Membuat Buku tamu Blog di Cbox). Silahkan Log in Blog Anda dan ambil Posisi di Tata Letak. Selanjutnya tinggal menambahkan gadget baru (Pilih HTML), dan Copy Script berikut ke dalam kotak widget HTML Anda
<style type="text/css">#nanda{position:fixed;top:40px;z-index:+1000;}* html #nanda{position:relative;}.nandatab{height:125px;margin:10px;width:30px;
float:left;background:url('http://i1068.photobucket.com/albums/u449/ponorogoweb/CBox-1.jpg') no-repeat;}.nandacontent {float:left;border:1px solid #000000;-moz-border-radius-bottomleft:5px;-webkit-border-radius-bottomleft:5px;-o-border-radius-bottomleft:5px;-khtml-border-radius-bottomleft:5px;-moz-border-radius-topright: 5px;-moz-border-radius-topleft: 5px;background: #F2F2F2; url() no-repeat bottom;padding:10px;}</style>
<script type="text/javascript">function showHideNANDA(){var nanda = document.getElementById("nanda");var w = nanda.offsetWidth;nanda.opened ? moveNANDA(0, 51-w) : moveNANDA(30-w, 0);nanda.opened = !nanda.opened;
}function moveNANDA(x0, xf){var nanda = document.getElementById("nanda");
var dx = Math.abs(x0-xf) > 25 ? 25 : 1;var dir = xf>x0 ? 1 : -1;var x = x0 + dx * dir;nanda.style.right = x.toString() + "px";if(x0!=xf){setTimeout("moveNANDA("+x+", "+xf+")", 5);}}</script><div id="nanda"><div class="nandatab" onmouseover="showHideNANDA()"> </div><div class="nandacontent">
<center><br><br>MASUKKAN SCRIPT CBOX ANDA DISINI<br><br>
 -moz-border-radius: 5px;"><br /><div style="text-align:center">
<span style="float:right; color:#000000;">Get this <a target="_blank" href=http://hasilkanuangdari.blogspot.com/2015/08/membuat-buku-tamu-auto-hide-pada-blog.html"> widget! </a></span>
</div></center></div><script type="text/javascript">var nanda = document.getElementById("nanda");nanda.style.right = (50-nanda.offsetWidth).toString() + "px";</script></div>
Itulah cara sederhana untuk membuat Guest Book untuk Blogger. Buku tamu ini akan tersebunyi. Eh jika tersembunyi bagaimana orang bisa lihat? Apa gunanya dong? Maksud tersembunyi disini bukan berarti tidak di ketahui. Buku tamu hanya akan di tampilkan berupa sebuah potongan menu saja. Nanti yang akan terlihat sekedar judulnya saja.

Jadi jika memang benar ada yang berkeinginan mengisi buku tamu tersebut. Maka mereka akan mengklik buku tersebut. Otomatis akan keluar tampilan semua buku isi buku tamu. Sekali lagi ini mungkin lebih tepatnya bukan menyembunyikan. Tapi lebih pada merampingkan sehingga tidak menggunakan space. Silahkan coba sendiri biar lebih tahu bagaimana tampilan sesungguhnya.

Loading...