Browse » Home » » » Membuat buku tamu tersembunyi

Membuat buku tamu tersembunyi

setelah saya browsing kesan kemari akhir nya dapet juga tips ini karena
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.

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.

About this entry

Anda sedang membaca Membuat buku tamu tersembunyi.

Penulis : Oktri darmadi
Diterbitkan :
di 20.32 on Minggu, 18 Oktober 2009
Kategori:
,
Tulisan Sebelumnya:
Posting Lama
Tulisan Selanjutnya:
Posting Lebih Baru

Related Post

  1. Cara Menampilkan Hanya Judul Postingan di Halaman Depan Blog dengan Css
  2. CARA MENAMPILKAN HANYA JUDUL ARTIKEL PADA HALAMAN DEPAN BLOG
  3. Cara Membuat Buku Tamu Blog Tanpa Di Klik Terbuka
  4. Cara Memasang Reply Pada Kotak Komentar
  5. Clock Widget : Jam Mengikuti Kursor
  6. Cara Membuat Cursor following menu
  7. Cara Membuat Background Pada Cbox
  8. Cara Membuat Label Cloud Tanpa Edit HTML
  9. Cara Memasang Total Komentar dan Total Posts
  10. Cara Membuat Link Pada Label Bergeser Saat Disorot (Link Nudging)
  11. Cara Membuat Buku Tamu Show/Hide Dari Atas
  12. Cara Memasang Tombol "Save as PDF" Di Blogger
  13. Cara Membuat Daftar Isi Pada Blog
  14. Cara Membuat Icon Twitter Burung Terbang
  15. Tips Memasang Buku Tamu/Instant Comment/Chat Box pada Blogger
  16. Cara Mudah Agar Blog Menjadi No.1 di Pencarian Google
  17. 5 Cara Mudah Memasang Keyword Blogspot
  18. Cara membuat zFP menu di Blog
  19. Javascript Disable Keybord
  20. Membuat menu melayang dengan sentuhan Jquery dan CSS3