Membuat buku tamu tersembunyi

Setelah saya browsing kesan kemari akhir nya dapet juga tips ini karenabuku tamu dalam blogger menurut saya sendiri cukup penting, karena dengan adanya
buku tamu ini si pengunjung blog bisa meninggalkan pesan dan kesan blog anda ataupun
untuk saling berkomunikasi antara sahabat blogger dengan meninggalkan pesan.
bagi anda yang belum pasang fasilitas ini, saya sarankan segera bikin deh,..
biyasa buku tamu ini banyak yang menggunakan layanan dari shoutmix.
nah, buku tamu ini bisa anda sembunyikan untuk memper sempit layar blog anda.

ini dia Bagaimana caranya membuat buku tamu atau shoutmix tersembunyi.
ikuti langkah-langkah berikut:
1. Masuk ke account Blogger kamu, pilih Layout: kemudian Page Elements.
2. Klik "Add a Gadget" yang mana saja, kemudian pilih "HTML/JavaScript",
3. 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('http://i932.photobucket.com/albums/ad161/mamad_bucket/tabs-1.png') no-repeat;
}
.gbcontent{
float:left;
border:2px solid #2A0A0A;
background:#610B0B;
padding:5px;
}
</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">
masukan kode buku tamu anda di sini
<div style="text-align:right">
<a href="javascript:showHideGB()">
[close]
</a>
</div>
</div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script></div></div>catatan!
1. tulisan yang berwarna kuning untuk mengatur posisi, bisa anda ubah sendiri.
2. ganti texs berwarna merah dengan kode buku tamu anda.
3. texs warna hijau merupakan warna background, bisa anda rubah warnanya.
selesai, semoga bermanfa'at. buku tamu dalam blogger menurut saya sendiri cukup penting, karena dengan adanya
buku tamu ini si pengunjung blog bisa meninggalkan pesan dan kesan blog anda ataupun
untuk saling berkomunikasi antara sahabat blogger dengan meninggalkan pesan.
bagi anda yang belum pasang fasilitas ini, saya sarankan segera bikin deh,..
biyasa buku tamu ini banyak yang menggunakan layanan dari shoutmix.
nah, buku tamu ini bisa anda sembunyikan untuk memper sempit layar blog anda.

Artikel Terkait:

Blogger

• Cara membuat tombol minimize dan maximize
• Cara Membuat Daftar Isi Dengan Jquery
• Cara Membuat Kotak Area Dengan Efek Membesar Saat Disorot Mouse
• Cara Membuat Link Bergoyang Dengan Javascript
• Post Populer dengan Animasi
• Konten Bundar Slide
• Cara membuat Label cloud berputar di blog
• Putar Gambar dengan CSS3 tanpa Javascript
• Pasang Modus Hemat Energi di Blog
• Membuat Tombol Top Up
• Gambar Dengan Efek Zooming di Blog
• Kotak Text Area Dengan Tombol Select All
• Cara Membuat Browser Berputar
• Cara Membuat Efek Coret Pada Postingan
• Image Gallery Menggunakan Jquery 1.4.2
• Cara Menampilkan Favicon Di Semua Browser
• Cara Membuat Random Post Di Blogger
• Cara membuat Artikel Terkait Dengan Gambar/Thumbnails
• Cara Mudah Pasang Emoticon Di Kotak Komentar
• Cara Pasang Head Line News
• Membuat Artikel Terkait Dengan Fungsi Scroll
• Cara Membuat Fitur Reply Pada Kotak Komentar
• Cara Mudah Membuat Recent Post Bergambar Dengan Efek Naik Tangga
• Cara menampilkan Icon Di Judul Postingan
• Memanipulasi Tampilan Jumlah Komentar