Lompat ke konten Lompat ke sidebar Lompat ke footer

Membuat Buku Tamu yang Buka Tutup

Membuat Buku Tamu yang Buka Tutup
Kali ini rasanya saya membuat judul yang unik dech :D Membuat Buku Tamu yang Buka Tutup Namanya juga buku ya bisa dibuka dan ditutup donk. Yang sudah berkunjung mengisi buku tamu menuliskan namanya, alamatnya dan pesannya. Buku tamu ini dipasang di blog kita. Buku tamu ini lebih populer dengan sebutan shoutbox

Yang banyak diguanakan untuk buku tamu yang kita buat ini akan bisa di buka dan ditutup, jadi terus tampil di halaman blog secara tidak utuh, jika ingin buka tinggal ngeklik dan jika ingin tutup buku tamunya juga diklik aja. Ada tulisan BUKU TAMU yang nempel dipinggir halaman dan tinggal klik untuk buka tutupnya. Untuk membuat buku tamu yang bisa buka tutup ini, silahkan Anda buat widget shoutbox yang bisa didapatkan di shoutmix atau cbox. Di sana kita registrasi dan buat widgetnya lalu ambil kodenya.

Cara Membuat Buku Tamu yang Buka Tutup

1. Login ke blogger
2. Pilih Rancangan kemudian Tambah Gadget
3. Pilih HTML/JavaScript
4. Masukan kode script berikut ini:

<style type="text/css">
#gb{
position:fixed;
top:100px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbtab{
height:100px;
width:30px;
float:left;
cursor:pointer;
background:url('http://lh4.ggpht.com/_jn57XA2jLxY/SmCHl1YEsxI/AAAAAAAAAXQ/HshHClEVcvY/tabs.png') no-repeat;
}
.gbcontent{
float:left;
border:2px solid #A5BD51;
background:#F5F5F5;
padding:2px;
}
</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">

TARUH KODE WIDGET SHOUTOXMU DI SINI

</div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script>

Kita taruh kode yang sudah peroleh dari shoutmix atau cbox ditempatnya (TARUH KODE WIDGET SHOUTOXMU DI SINI). Dan Simpan jika sudah selesai.

42 komentar untuk "Membuat Buku Tamu yang Buka Tutup"

  1. chatnya bakalan hilang ga tuh, soalnya kmren pnya saya cuma ganti warna saja hilang semua chatnya

    BalasHapus
  2. asyik bos.......;) thnx yah?????ada yang baru gak yah.....

    BalasHapus
  3. kalau flexinet lemod di coba aja di tambahin antena kaleng. postingan nya seperti disini http://www.budiutomo.com/2010/11/antena-kaleng-susu-appeton-weight-gain.html

    BalasHapus
  4. Sip Gan pas nyari2 nyangkut disini izin copas Gan!
    boleh ya!(=))

    BalasHapus
  5. posisinya bisa lebih diturunkan lagi ga'? terlalu ke atas. mohon batuannya. makasih

    BalasHapus
  6. wow mantapz gan

    trims yach...

    kunjungi www.alternatenation.tk

    BalasHapus
  7. gan klau top dganti 800 bsa gaq :D

    BalasHapus
  8. Visit My Blog : http://figothamyiz.blogspot.com

    BalasHapus
  9. Klo kita copy paste Link tersebut apa shoutbox yg sudah ada jadi berpindah tempat? :0

    Makasih : )

    BalasHapus
  10. gan sudah saya coba,,,, bagus banget.... saya baru banget bikin blog,, masih bingung arah tujuanya,,,, mohon bantuanya ya gan,,,, izin copas maturnuwun,,,

    BalasHapus
  11. gan tau cara bua Chat ROOm di blog gg...??? ;;)

    BalasHapus
  12. makasih sekali mas.. sangat bermafaat bagi saya yang baru belajar bikin blog,

    BalasHapus
  13. ijin pake gan...udah di terapin di blog ane...and its work properly. Thanks ya gan...:D

    BalasHapus
  14. gan tau nggak caranya membuat latar belakang kita berubah ubah gambarnya tanpa menggunakan format GIF ;))

    BalasHapus
  15. thanx gan infonya....!!
    mantap kali.....

    BalasHapus
  16. saya sudah memasangx di blog saya gan...
    terimakasih gan atas tutorialx ...
    lw sempat gan berkunjung juga blog saya
    http://lpunrt.blogspot.com

    BalasHapus
  17. makasih ya
    plus nitip blogspot
    tukerlink yu www.sfversionindonesia.blogspot.com

    BalasHapus
  18. sekali lagi thx sob tipsnya, sdh saya coba dan hasil nya bagus.. :D tips disini keren2.. :)

    BalasHapus
  19. tanks ya sob atas infonya, sesekali bkunjungla k blog awak ne .....;;)

    BalasHapus
  20. Terima kasih Mbah,Arung angka yg diberikan sma Mbah,tembus lagi ahirnya saya sudah buktikan 3x kemenangan main togel,jika anda sering kala main togel hub:Mbah,Arung No.0853/8438/4484 ATAU KLIK>> http://arungtogel.blogspot.com/ 100% pasti terbukti..,,,,

    BalasHapus
  21. Terima kasih Mbah,Arung angka yg diberikan sma Mbah,tembus lagi ahirnya saya sudah buktikan 3x kemenangan main togel,jika anda sering kala main togel hub:Mbah,Arung No.0853/8438/4484 ATAU KLIK>> http://arungtogel.blogspot.com/ 100% pasti terbukti..,,,,,..

    BalasHapus
  22. Quality аrticles ог гevіeωs is the іmportant to
    invіte thе pеople to pаy a visit thе ωеbѕіte, that's what this web page is providing.

    Review my web page: software Development companies

    BalasHapus
  23. Ηey Ӏ κnοω this iѕ off topic but
    I was wondеring if yοu kneω of аny widgets I could add to
    my blοg that automatically tweet my newest tωitteг updates.
    I've been looking for a plug-in like this for quite some time and was hoping maybe you would have some experience with something like this. Please let me know if you run into anything. I truly enjoy reading your blog and I look forward to your new updates.

    Also visit my webpage; webs.com

    BalasHapus
  24. Post writing is also a fun, if уou be acquainteԁ with afterωard уou саn ωгite оtherwise іt is сomplicated to wгite.



    Also vіsit mу web site; Charter Internet Cable

    BalasHapus
  25. Fаѕtidious resρonԁ in гeturn of this querу
    with solіd aгguments and desсгіbing the whole
    thіng conсеrning that.

    Reνiew my webpage; la crosse technology weather stations

    BalasHapus
  26. I do agreе wіth аll the іdeаs yοu've offered in your post. They'гe
    very convincing аnd cаn dеfіnitely wοrk.

    Still, thе poѕts aгe veгy short for bеginneгs.

    Ϻaу yоu ρleasе pгοlοng them a littlе
    from next time? Thank you for the post.

    Feеl fгee to viѕit my site .
    .. windows xp mode password

    BalasHapus
  27. Ι trulу loνe уour blog.
    . Vеry nicе сolоrs & theme. Diԁ you make this site yourѕelf?
    Ρlease rеρly bасκ as I'm trying to create my own personal blog and want to find out where you got this from or exactly what the theme is named. Kudos!

    Here is my website :: http://mrbean73.Blog.com/

    BalasHapus
  28. I wanted to thank you for this great blog! I really enjoy every little bit of it and I have you bookmarked to check out new stuff you post.
    minicab in w2

    BalasHapus
  29. SAYA INGIN BERTERIMAKASIH BANYAK KEPADA MBAH RINGGO YANG SUDAH MEMBANTU ORANG TUA SAYA KARNA SELAMA INI ORANG ORANG TUA SAYA SEDANG TERLILIT HUTANG YANG BANYAK,,BERKAT BANTUAN MBAH SEKARAN ORANG TUA SAYA SUDAH BISA MELUNASI SEMUA HUTAN2NYA DAN SAWAH YANG DULUNYA SEMPAT DIGADAIKAN SEKARAN ALHAMDULILLAH SUDAH BISA DI TEBUS KEMBALI ITU SEMUA ATAS BANTUAN MBAH RINGGO YANG MEMBERIKAN ANKA RITUALNYA KEPADA KAMI DAN TIDAK DISANKA SANKA TERNYATA BERHASIL..BAGI ANDA YANG INGIN DIBANTU SAMA MBAH RINGGO SEPERTI KAMI SILAHKAN HBG 085-205-213-777-JANGAN ANDA RAGU SUDAH MEMBUKTIKANN DALAM 7 KALI PUTARANG













































































































    SAYA INGIN BERTERIMAKASIH BANYAK KEPADA MBAH RINGGO YANG SUDAH MEMBANTU ORANG TUA SAYA KARNA SELAMA INI ORANG ORANG TUA SAYA SEDANG TERLILIT HUTANG YANG BANYAK,,BERKAT BANTUAN MBAH SEKARAN ORANG TUA SAYA SUDAH BISA MELUNASI SEMUA HUTAN2NYA DAN SAWAH YANG DULUNYA SEMPAT DIGADAIKAN SEKARAN ALHAMDULILLAH SUDAH BISA DI TEBUS KEMBALI ITU SEMUA ATAS BANTUAN MBAH RINGGO YANG MEMBERIKAN ANKA RITUALNYA KEPADA KAMI DAN TIDAK DISANKA SANKA TERNYATA BERHASIL..BAGI ANDA YANG INGIN DIBANTU SAMA MBAH RINGGO SEPERTI KAMI SILAHKAN HBG 085-205-213-777-JANGAN ANDA RAGU SUDAH MEMBUKTIKANN DALAM 7 KALI PUTARANG

    BalasHapus
  30. Blog yg menarik dan postingan yg bermanfaaat :)

    BalasHapus
  31. ANGKA JITU DAN AKURAT HASIL RITUAL YANG BISA ANDA MENANGKAN HARI INI HUB NO =085=319=486=059 KY REMBANG PANGANDARANG DENGAN KEMANPUAN SUPRANATURAL YANG DIMILIKINYA BISA MENEMBUS ALAM GHOIB DAN AKAN MEMBERIKAN KEMENANGAN ANDA HARI INI !!

    BalasHapus

Berlangganan via Email