MEMBUAT BUKU TAMU BUKA TUTUP DI SAMPING

Masih belum jauh dari tema sebelumya, yang membahas CARA MEMBUAT BUKU TAMU ATAU CBOX. Kali ini saya aka berbagi tips bagaimana cara agar Cbox tersebut, tampil menarik dan tidakmenghabiskan banyak tempat pada blog kalian masing-masing. seperti yang ada blog ini.tinggal di kilik maka cbox kamu akan menampakan dirinya, tombolnya juga bisa kamu kreasikan atau bikin sendiri.

Jika kamu berminat, bisa ikuti tutorial dibawah ini. jika tidak. setidaknya isi buku tamu,beri komentar yang sopan, atau bisa follow blog ini sebelum di tinggali.

1. Diharuskan mempunyai Cbox. belum punya ?? Baca ini dulu »» CARA MEMBUAT BUKU TAMU ATAU CBOX.
2. Kemudia, copy paste kode do bawah ini. di »» Widget/Add a gadget pada HTML/Javascript blog kamu.
3. Kemudian save atau simpan dan lihat hasilnya.

!!ngurah-insane.cbox.script-START!!

    <style type="text/css">
    #gb{
    position:fixed;
    top:23px;
    z-index:+1000;
    }
    * html #gb{position:relative;}

    .gbtab{
    height:100px;
    width:30px;
    float:left;
    cursor:pointer;
    background:url('http://i1347.photobucket.com/albums/p704/artaa666/bukutamu_zpsc3173496.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">

    ( Letakan Script CBOX kamu disini )
    <br/>

    <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>

!!ngurah-insane.cbox.script-DONE!!

<!!KETERANGAN!!>

• Warna merah bisa kamu ganti dengan tombol karya kamu sendiri, dengan ukuran yang di sesuaikan.
• Warna orange ganti dengan script CBOX yang kamu punya. (jangan punya orang)
• Letak kode ini pada Widget/Add a gadget pada HTML/Javascript blog kamu. (Letakan di paling atas, agar tidak menutupi widget yang lain, dan jangan diberi nama)

Share artikel ke: Facebook Twitter Google+ Linkedin Technorati Digg