Cara memasang buku tamu tersembunyi

Buku tamu merupakan salah satu sarana yang digunakan pengunjung blog untuk menyapa kita. Biarpun bukan merupakan hal yang harus, tapi ini bisa digunakan menambah kecantikan blog kita, atau pun hanya sekedar salam saling sapa… dalam kesempatan kali ini saya akan menjelaskan bagaimana cara bulu tamu pada blogger kita... berikut penjelasannya

Cara pasang buku tamu yang tersembunyi

1. Buat akun anda disini atau situs penyedia script buku tamu gratis lainnya

2. Copy kode yang telah disediakan

3. Buka blogger dan login sesuai akun anda pilih klik Rancangan/Design/Tata Letak dan Klik Tambah Gadget/Add Gadget 

4. Pilih html/javascript dan copy paste kode di bawah ini

<style type="text/css">
#gb{
position:fixed;
top:50px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbtab{
height:100px;
width:30px;
float:left;
cursor:pointer;
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYcwwl_4bpuc08tvo5d2AGt2mOtWQdDRmjVd04VRZ1ficMdekmELsbzDUxsUkI9NEpwB7sNJIYKBbMm_QodxFKqX4ksOGEtvez7am_gig3zG8t3_3pU8pk7NKvpmLtjweVgD3lufCj0PI/s1600/bukutamu.png') no-repeat;
}
.gbcontent{
float:left;
border:2px solid #A5BD51;
background:#F5F5F5;
padding:10px;
}
</style>
<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);
gb.opened = !gb.opened;
}
function moveGB(x0, xf){
var gb = document.getElementById("gb");
var dx = Math.abs(x0-xf) > 10 ? 5 : 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+")", 10);}
}
</script>
<div id="gb">
<div class="gbtab" onclick="showHideGB()"> </div>
<div class="gbcontent">
Lalu Paste Kode Buku Tamu yang sudah di kopi tadi Di Sini

<div style="text-align:right">
<a href="http://blog.ahmadrifai.net/2011/06/pasang-buku-tamu-tersembunyi-di-blogger.html">[Pasang Ini Juga]</a>><a href="javascript:showHideGB()">
[Tutup]
</a>
</div>
</div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script></div></div>

Anda bisa mengatur sendiri tampilannya sesuai selera, anda tapi ini hanya kusus bagi yang sudah memahami bahasa html dan css

Related Post:

INTERNET

• 4 Tips Facebook yang Jarang Diketahui Orang
• Facebook Blokir Friend Exporter ke Google+
• Produk dan layanan Google yang bermanfaat untuk para blogger
• Wah, Facebook Akan Segera Punah
• Inilah Hal-hal yang Pertama Ada di Internet
• 20 Situs Download Lagu Ilegal Diblokir Kominfo
• Kumpulan Capcay Unik
• Aplikasi SMS Untuk Tuna Netra
• 10 Kerugian Pengguna Facebook
• Inilah 10 Tokoh Pelopor Internet
• wow ada Internet melalui kabel listrik PLN
• Google Bayar Penggunanya yang Rela Diawasi Saat Browsing
• Facebook Blokir Friend Exporter ke Google+
• Inilah 10 Jenis Pekerjaan Online yang Pantas Anda Tekuni
• Megaupload.com Ditutup FBI ( Pelajaran buat blogger)
• Melanggar Peraturan, Google Digugat Rp.4,3 T
• Inilah Daftar Server Internet Tebesar di Dunia
• Inilah Hal-hal yang Pertama Ada di Internet
• Cara mudah agar artikel berada top 10 besar di infogue.com
• Membuat saving mode pada blogger
• Beberapa hal mengenai Facebook
• 4shared - Mp3 Musik Terbaru Indonesia
• Bisnis Internet Gratis
• Youtube Music

Widget by [ Iptek-4u ]