Tutorial Belajar Pemrograman, membuat game, membuat aplikasi, membuat program, android, game maker, yii, php, CSS, HTML, java, javascript, codeigniter, jquery, Pascal, c++

Sunday, March 25, 2012

Membuat Buku Tamu Melayang Di samping Blog

Membuat Buku Tamu Melayang Di samping Blog - Terkadang kita ingin mengetahui komentar para pengunjung kita mengenai website kita, seperti komentar posotf, negatif atau hanya para blogwalking yang meninggalkan jejak. akan tetapi pabila website kita hanya terdiri dari 2 kolom maka akan memakan tempat untuk widget lainya. maka dari itu kita akan membuat sebuah Buku Tamu yang melayang di samping blog ( Kanan / Kiri ). Sebenarnya caranya cukup mudah anda hanya perlu daftar Cbox kemudian tambah dengan beberapa script. langkah - langakhnya adalah sebagai berikut :

1. Daftar untuk mendapatkan script Buku Tamu Anda di Cbox

2. Seteah anda mendapatkan scriptnya pasang degnan cara : Pilih widget HTML/JavaScript.

3. Tambahkan script berikut ini :

<style type="text/css">
top:50px;
#gb{ position:fixed;
* html #gb{position:relative;}
z-index:+1000; } .gbtab{
cursor:pointer;
height:100px; width:30px; float:left;
background:url('http://lh4.ggpht.com/_jn57XA2jLxY/SmCHl1YEsxI/AAAAAAAAAXQ/HshHClEVcvY/tabs.png') no-repeat;
} .gbcontent{ float:left; border:2px solid #A5BD51; background:#F5F5F5; padding:10px; } </style> <script type="text/javascript">
gb.opened = !gb.opened;
function showHideGB(){ var gb = document.getElementById("gb"); var w = gb.offsetWidth; gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0); }
gb.style.right = x.toString() + "px";
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;
>>>MASUKAN SCRIPT CBOX ANDA DISNI<<<
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);} } </script> <div id="gb"> <div class="gbtab" onclick="showHideGB()"> </div> <div class="gbcontent"> <div style="text-align:right">
gb.style.right = (30-gb.offsetWidth).toString() + "px";
[Pasang Widget] |<a href="javascript:showHideGB()"> [tutup] </a> </div> </div> <script type="text/javascript"> var gb = document.getElementById("gb"); </script></div>

4. Sisipakan script cbox anda pada script di atas kemudian pilih Simpan.

Baca juga : Membuat Icon Share Melayang Di Samping Blog

Buku Tamu Melayang Di samping Blog anda sekarang sudah selesai, baca juga tutorial blogger lainnya.

Terima Kasih Telah Mengunjungi Blog Sederhana Ini.

Di Mohon Apabila Anda Ingin Mengcopas Artikel Pada Blog ini Cantumkan URL Sumber.

Sebagai Pengunjung Yang Baik Anda Dapat Meninggalkan Komentar di Blog Sederhana Ini.

Share this post

26 komentar

  1. Makasih mas,
    tapi pelit amat, nggak bisa di copas tuh...
    niat share nggak?

    ReplyDelete
  2. iya sob,, ga bisa di copas,.. sayang banget ilmunya,..

    ReplyDelete
  3. terima kasih, sudah saya pasang.
    silahkan berkunjung

    ReplyDelete
  4. terima kasih... follow back donk...
    hehehhehe

    ReplyDelete
  5. kereeeennnn ,, makasi ya sob atas infonya
    moga blog nya makin ramai pengunjung yaw....

    ReplyDelete
  6. Saya coba terapkan gan, trims ya. Ditunggu ya kungjungannya...

    ReplyDelete
  7. This comment has been removed by a blog administrator.

    ReplyDelete
  8. Thnks uda share cara membuat buku tamu.. :)

    ReplyDelete
  9. ijin bookmark dulu bro.. Artikelnya mantap.

    ReplyDelete
  10. Ateng Bawa Kayu = Tengkyu, atas ilmunya... :)

    ReplyDelete
  11. sama" semuanya semoga bermanfaat,,,

    ReplyDelete
  12. posting interesting and easy to digest ... regards blogwalking friend :)

    ReplyDelete
  13. Suka banget sama tutorial buku tamunya. Lebih komplit dan mudah di pahami.. :)

    ReplyDelete
  14. Wah, gak nyesel mampir ke situsnya mas Indra.. salam kenal ya mas..

    ReplyDelete
  15. berarti itu bisa diganti sama scrip apa aja ya .. misalnya pake like box ... wah mantep!

    ReplyDelete
  16. trims sobat atas ilmunya ya.... keren

    ReplyDelete
  17. Thanks sob tipsnya ok banget.salam kenal aja ya sob

    ReplyDelete
  18. gan, ane dah coba tapi rada ke dalem gitu gambarnya ya, ane utak atik ga ngeser-ngeser,
    coba agan liat blog ane dulu, sekrng masih ngelelep
    gimana caranya ya??
    makasih

    ReplyDelete
  19. Sdh aku pasang scriptnya dan langsung muncul dengan sempurna, thanks mas bro...

    ReplyDelete

:) :) :-) :-) :)) :)) =)) =)) :( :( :-( :-( :(( :(( :d :d :-d :-d @-) @-) :p :p :o :o :>) :>) (o) (o) [-( [-( :-? :-? (p) (p) :-s :-s (m) (m) 8-) 8-) :-t :-t :-b :-b b-( b-( :-# :-# =p~ =p~ :-$ :-$ (b) (b) (f) (f) x-) x-) (k) (k) (h) (h) (c) (c) cheer cheer

 
© Jin Toples Programming
Designed by BlogThietKe Cooperated with Duy Pham
Released under Creative Commons 3.0 CC BY-NC 3.0