Home » » membuat buku tamu tersembunyi (new)

membuat buku tamu tersembunyi (new)


hey sobat blogger GML COMMUNITY , kali ini saya akan membahas tentang bagaimana cara membuat buku tamu/shoutmix tersembunyi di selat sisi layar komputer anda , dan dengan mudahnya kita bisa membuat nya dalam waktu yang relatif singkat .
Widget Shoutmix atau Buku Tamu ini memang cukup banyak kegunaannya,selain untuk sekedar sapa menyapa antar pemilik blog, juga dapat untuk pesan konfirmasi, dan memberitahukan sesuatu kepada pemilik blog,dari segi fisiknya sih lumayan makan tempat,jadi saya buat saja tutorial ini guna menghemat tempat untuk widget - widget penting lainnya...OK dah tanpa basa - basi lagi kita mulai tutorialnya...




   1. Login ke akun Blogger anda.
   2. Pada Tab, pilih Rancangan > Edit Laman.
   3. Kemudian Add Gadget / Tambah Gadget pilih HTML/Javascript.
       Jika sudah silahkan masukan kode dibawah ini ke dalam jendela HTML/Javascript.


    <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://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">
    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">

    Letakkan disini kode Shoutbox Anda

    </div>

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

Terakhir simpan dan lihat hasilnya,untuk tinggi dan lebar bisa anda atur sendiri...
tulisan berwarna merah ganti dengan kode Shoutbox anda.




saya sarankan anda untuk membuat shoutmix di alamat ini
>>>>>>>>>>>> shoutcamp
atau
>>>>>>>>>>>>C-BOX
Semoga Bermanfaat,terimakasih atas kunjungannya and jangan lupa tinggalkan komentar yah..
Share this article :

1 komentar:

  1. Thank you for sharing.I really appreciate it that you shared with us such informative post.replica watch replica swiss watches

    BalasHapus

Lebih baik mengerti sedikit daripada salah mengerti..!!
silahkan berkomentar , kami sangat membutuhkan kritik dan saran !!
trimakasih !!

Daftar Isi

 
Support : Your Link | Your Link | Your Link
Copyright © 2013. GML COMMUNITY - All Rights Reserved
Template Created by Creating Website Published by Mas Template
Proudly powered by Blogger