Cara Membuat Hiden Buku Tamu Di Blog



Cara Membuat Hiden Buku Tamu Di Blog -  Buku Tamu merupakan salah satu tempat atau wadah yang hampir serupa dengan Shoutbox seperti sebelumnya yang pernah sudah saya posting juga. Baca artikelnya di Cara Membuat Shoutbox Keren Dan Mudah Di Blog.
Buku tamu juga bisa dijadikan sebagai tempat untuk perkenalan, sapaan, serta juga bisa difungsikan sebagai tempat untuk blogwalking. Berikut tampilannya :

Cara Pemasangannya :
  • pilih Rancangan (design)
  • pilih tambah Gadget(Add a Gadget)
  • pilih HTML/JavaScript, ada tampilan seperti ini:
  • Copy semua kode script yang ada dibawah 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://i627.photobucket.com/albums/tt356/hanjoyo/BUKUTAMU.png') no-repeat;
}
.gbcontent{
float:left;
border:2px solid #0000ff;
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">
<!-- Ganti ini dengan kode buku tamu kamu -->
<br/>
Mau punya buku tamu seperti ini ?<br/>
Klik di >>
<a href="http://joe-ngeblog.blogspot.com">
Han's Tutorial Blogger Pemula
</a>
<div style="text-align:right">
<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>
*Mau punya buku tamu seperti ini ? = Ganti sesuai dengan kata yang anda inginkan.
*http://joe-ngeblog.blogspot.com =  Ganti dengan URL sobat sendiri
  • Kemudian save.. dan lihat hasilnya diblog sobat.

    semoga sukses dan bermanfaat :).






Berlangganan update artikel terbaru via email:

20 Responses to "Cara Membuat Hiden Buku Tamu Di Blog"

  1. kebetulan nih gan ane juga mau buat hidden buku tamu di marblog :d makasih infonya gan :D

    ReplyDelete
  2. Keren, mantep, mantep, makasih infonya, buku tamu kaya site map lagi kan?

    ReplyDelete
  3. Wah boleh dicoba nih :D sangat bermanfaat gan

    ReplyDelete
  4. Bermanfaat Banget Gan :D Untuk Para Blogger :D

    ReplyDelete
  5. mau coba tapi belum ahli coding :(

    ReplyDelete
  6. wah mantep, boleh di coba nih...

    ReplyDelete
  7. patut dicoba nih, thanks tutorialnya mas

    ReplyDelete
  8. Bisa d'terapkan di blog saya nihh..
    Maksih gan tutornya

    ReplyDelete
  9. waaah bagus nih mas.. ijin pasang di blog saya yah.. terima kasih

    ReplyDelete
  10. Akhirnya ketemu juga :) Makasih gan sudah share

    ReplyDelete
  11. wah mantap nih gan menu guestbooknya kebetulan ane lagi mau nyoba :D

    ReplyDelete
  12. makasih tipsnya saya lgs coba hihi

    ReplyDelete

PERATURAN BERKOMENTAR :
✔ Relevan
✔ Sopan
✖ Link Aktif
✖ Spam
✖ Diluar Topik / OOT !

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel