Cara Sembunyikan Buku Tamu ( Shoutbox )

Cara Sembunyikan Buku Tamu - Cara Buat Buku tamu Melayang

Bagi Rekan-rekan Blogger yang blognya sudah terlalu banyak pernak-pernik dan kesulitan untuk menambah widget baru lagi, padahal sangat bermanfaat untuk blog, ini ada cara menyembunyikan Buku tamu atau shoutbox seperti tampilan pada kanan pojok blog ini, bila ada pengunjung yang mengkliknya maka buku tamunya akan terbuka. Smart dan indah, lumayankan dari pada berantakan dan membuat tampilan blog jadi amburadul. Oke ini dia caranya Sembunyikan shotbox atau Buku Tamunya seperti ini.

  •  Login ke Blogger Account Anda, pilih "Layout" kemudian "Page Elements",
  • Klik "Add a Gadget" boleh di element manasaja, pilihlah "HTML/JavaScript",
  • Copy code berikut dan paste ke Notepad:
<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://i581.photobucket.com/albums/ss258/daenkrhapy/BT.jpg') 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">
<!-- Ganti ini dengan kode buku tamu Anda -->
<blink>
<font size="2"><a href="http://daenkblog.blogspot.com/2009/08/cara-sembunyikan-shoutbox-buku-tamu.html">^÷•db•÷^</a></blink>
<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>


Sebagai Contoh Saya akan Ganti
<!-- Ganti ini dengan kode buku tamu Anda -->  dengan buku tamu saya :
<!-- Begin ShoutMix - http://www.shoutmix.com -->
<iframe scrolling="auto" width="220" frameborder="0" src="http://www2.shoutmix.com/?kedome" height="400" title="kedome">
<a href="http://www2.shoutmix.com/?kedome">View shoutbox</a>
</iframe>
<br/><a href="http://www.shoutmix.com" title="Get your own free shoutbox chat widget at ShoutMix!">ShoutMix chat widget</a><br/>
<!-- End ShoutMix -->

  • selanjutnya Sobat juga bisa atur posisinya. Ubah aja nilai atribut top-nya. Kalau mau lebih ke atas dikit, ubah jadi 30px atau 20px, terserah Anda.
  • Atau Anda Juga Mau Rubah Gambar http://i581.photobucket.com/albums/ss258/daenkrhapy/BT.jpg  sesuai selera, silahkan bikin dulu dengan Photoshop atau corelDRAW, Lalu simpan di photobucket dan gantilah gambar tersebut sesuai alamat penyimpanan.
  • Jangan Lupa disimpan
Cara Sembunyikan Buku Tamu ( Shoutbox ) 10out of 10 ratings.

53 comments:

  1. trims,infonya sangat berguna dan blog anda memberikan saya motivasi untuk terus ngeblog..

    ReplyDelete
  2. well.. boleh juga dicoba... :D thx

    ReplyDelete
  3. bagaimana jika kita menggunakan cbox?

    ReplyDelete
  4. Buat Mas Iswady :
    Sama saja Tinggal Ganti dengan Code Cboxnya, thanks

    ReplyDelete
  5. makasih infonya gan,keren abiz!!!

    ReplyDelete
  6. hebat, tirknya. mungkin lain kali saya bisa coba. mo ijik CTRL+D dulu yah.

    ReplyDelete
  7. wah....mantap nih...
    nice share mas gan :)

    ReplyDelete
  8. tiada code untuk sebelah kiri? sy mau sembunyikn shoutbox sebelah kiri...

    ReplyDelete
  9. Untuk Sebelah Kiri silahkan Baca disini
    http://www.kumpulancara.com/2010/08/cara-sembunyikan-buku-tamu-facebook.html

    ReplyDelete
  10. waw udah lama q nyari script ini.....thanks ya mz...

    ReplyDelete
  11. muantappp.gan.....
    numpang tenar ia gan http://caturpuji.blogspot.com/
    thank u

    ReplyDelete
  12. gan ane mau nanya nh, caranya supaya bisa di taroh di awah kiri gimana gan??? please pencerahannya...

    ReplyDelete
  13. Buat mas @Nugi : sobat tinggal ganti semua kode right menjadi Left
    Semoga bermanfaat

    ReplyDelete
  14. Wah, thank very much bro for the tips.

    ReplyDelete
  15. Terima kasih atas infonya... saya juga udah pake shoutmix di sidebar saya nih... tapi masih standar... salam kenal Farah Herbal...

    ReplyDelete
  16. code cbox terletak dimanah.................

    ReplyDelete
  17. wah makasih banyak kakaks infonya, brguna bgt nih.. hehe.

    ReplyDelete
  18. terima kasih cara2 na.. sangat membantu. follow blog saya yah??..

    ReplyDelete
  19. join to my blog please http://boyedittingcrew.blogspot.com/

    ReplyDelete
  20. nice info gan,

    salam kenal,
    www.sinarmandirihelmet.com

    ReplyDelete
  21. Cool www.kumpulancara.com. Offtopic: Do you think whether Real Madrid win the cup?!
    [url=http://buyritalinnow.com/#awou]buy cheap ritalin[/url] moss pharmacy

    ReplyDelete
  22. Makasih uda baik hati bagiin ilmunya bro.. bermanfaat bgt nih tips menyembunyikan shoutboxnya..

    ReplyDelete
  23. ok thanks ya sharing code nya :D

    ReplyDelete
  24. Terimakasih atas informasinya, sangat membantu sekali

    ReplyDelete
  25. thank you udah berbagi ilmunya.... sangat bermanfaat

    ReplyDelete
  26. suatu informasi yang unik dan menarik, thank you sob,

    ReplyDelete
  27. terimakasih telah berbagi pengetahuan lewat website ini,

    ReplyDelete
  28. suatu karya yang hebat, thanks udah berbagi

    ReplyDelete
  29. You have the best web sites.

    ReplyDelete
  30. very good information on this site, thanks a lot

    ReplyDelete
  31. Thanks a ton for sharing this very good internet site.

    ReplyDelete
  32. makasih info infonya.... keren abiiiisss.....

    ReplyDelete
  33. wah.. informasinya menarik sekali, makasih ya udah share

    ReplyDelete
  34. terimakasih, tips nya sangat bermanfaat sekali....

    ReplyDelete
  35. kumpulancara.com lengkap banget isinya....

    ReplyDelete
  36. trik yang unik dan menarik, mantap sekali informasinya

    ReplyDelete
  37. suatu karya yang bermanfaat, makasih ya

    ReplyDelete
  38. thanks udah sharing... ilmunya bermanfaat gan....

    ReplyDelete
  39. suatu karya yang cerdas... excellent...

    ReplyDelete
  40. makas gan tutorialnya,, salam kenal dari blog ane :D

    ReplyDelete
  41. Terima kasih gan,bisa menambah pengetahuanku gan.

    ReplyDelete
  42. joss gan, tutorialnya aplikatif banget...

    ReplyDelete
  43. Info yang bermanfaat, buku tamu ini sepertinya cocok dipasang diblog ane :)

    ReplyDelete
  44. Artikel yang menarik, buku tamu bisa memperindah blog.

    ReplyDelete

Terimakasih Kunjungan Anda - Silahkan Komentar- Salam Blogger Mohon Jangan Spam

Powered by Blogger.