Share the ideas and innovations to a friend of the world

Membuat Buku Tamu Yang bisa di Buka dan bisa di Tutup

fgdgd.JPGBuku tamu ini kita buat untuk menghemat tempat di halaman blog kita sobattt....Script ini akan menampilkan sebuah tombol saja, yang nantinya ketika kita click tombol tersebut (tombol buku tamu), maka akan mengeluarkan script widget yang kita sudah buat sebelumnya.......penasarankan langsung saja ini langkahnya :

  • Login Ke blogger
  • Pilih Rancangan > tambah gadget > pilih HTML/Java Script > klik tanda Plus (+)
  • Copy paste script berikut :
    <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;
    }
    .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"gbtab" onclick="showHideGB()"> </div>
    <div"gbcontent">

    Simpan disini script atau kode shoutMix chat widget....................

    </div>
    </div>
    <script type="text/javascript">
    var gb = document.getElementById("gb");
    gb.style.right = (30-gb.offsetWidth).toString() + "px";
    </script>
    • http://i1089.photobucket.com/albums/i353/illankjie/bukutamu9-2.png bisa anda ganti gambar sesuai keinginan anda sobat, coba ganti dengan alamat gambar dibawah....
    • Simpan disini script atau kode shoutMix chat widget....................silahkan simpan script shoutmix widget yang tertulis merah diatas....jika belum punya script shoutmix bisa anda buat disini....
    • Setelah dapat script-nya paste di antara script diatas...

    -------------------------------------------------------------------------------------


    buku tamu3.png


    http://i1089.photobucket.com/albums/i353/illankjie/bukutamu3.png



    buku tamu5.png



    http://i1089.photobucket.com/albums/i353/illankjie/bukutamu5-2.png



    buku tamu9.png



    http://i1089.photobucket.com/albums/i353/illankjie/bukutamu9-2.png



    Buku Tamu 8.png



    http://i1089.photobucket.com/albums/i353/illankjie/BukuTamu8-1.png






    gustbook02.png
    http://i1089.photobucket.com/albums/i353/illankjie/gustbook02-1.png









    ----------------------------------------------------------------------

    Salam yahhh untuk semua,,,semoga berhasillll aku doa innn...............aminnnn...

    Hampir lupa di SAVE yachhh????
    Anda baru saja membaca artikel yang berkategori Blog dengan judul Membuat Buku Tamu Yang bisa di Buka dan bisa di Tutup. Anda bisa bookmark halaman ini dengan URL http://ilmu27.blogspot.com/2011/08/membuat-buku-tamu-yang-bisa-di-buka-dan.html. Terima kasih!
    Ditulis oleh: Imran -

    Belum ada komentar untuk "Membuat Buku Tamu Yang bisa di Buka dan bisa di Tutup"

    Post a Comment