Sabtu, 03 November 2012

Membuat Buku Tamu Tersembunyi di Samping Postingan

Halo sob.. Balik lagi ya ke tips bloging yang keren lagi. Penasaran sob?
Ini sob, tips memberi buku tamu yang tersembunyi. Maksudnya dari buku tamu yang tersembunyi adalah ruang ngobrol yang apabila diklik buku tamu yang tersembunyi itu oleh pengunjung blog kita ruang ngobrol itu akan keluar dari samping postingan blog sobat.
Tentu dari buku tamu ini, juga dapat meningkatkan trafic blog sobat juga.
mau tau caranya sob? ini nggak terlalu sulit kok.



eiitss...asalkan sobat sudah punya akun atau kode buku tamu di shoutmix.com, Cbox, atau  Shoutbox .
kalau sobat belum punya, silakan sobat register dulu untuk mendapatkan kodenya.

kalau sudah dapat kodenya, silakan sobat log in dulu di blogger.com
kemudan, sobat klik menu rancangan.
setelah itu sobat klik tambah gadget => HTML/Javascript
nah kalau sudah, silakan copas kode berikut ini sob..

<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('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhS_6VI1m9UWm3sDZFpH2Nip8CnpvhkPAttKeU1cMKti4spU9XY4igCsVv2fnGDDz7M-L7bnmEvwM_Pbld-xnG1WFycIejroaEmT3MKHxVHO9_MHG_ajWELwgzgs4R49WugzidPSgJSjreg/') 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>

Untuk yang warna kuning, ganti dengan kode shoutbox, cbox, atau shoutmix sobat. Terserah mau yang mana bisa.
terakhir, tinggal sobat save. jadi deh

gampang kan sob... nah, kalau begitu silakan mencobanya. :)
good luck sob.. semoga bermanfaat tips dari saya kali ini . 

0 komentar:

Posting Komentar

maaf kalu komentar sobat-sobat tidak dibalas dengan cepat. karena adminnya hanya saya yang tidak 24jam. Dan berkomentarlah yang sopan.
no spam, no rasist, no anarkis

StatCounter

View My Stats
Ping your blog, website, or RSS feed for Free
AutoBacklinkGratisMajlis Link OtomatisFree Smart Automatic BacklinkMalaysia Free Backlink Services FreewebsitepromotionLink Portal Teks TVjapanese instant free backlink Free Plugboard Link Banner ButtonFree Automatic Backlink Service
.

  • .

Brows