AUTO HIDE BUKU TAMU DENGAN APLIKASI CBOX

halloo sobat,  disini saya ingin berbagi sedikit ilmu karena berbagi itu indah,,hehe saya disini akan memosting tentang menambahkan Buku Tamu pada blog gunanya untuk memosting/mengirim pesan ke pemilik blog agar pemilik mengetahui pengunjungnya,, iiaakk sedikitnya begitu laah, langsung saja tanpa basa basi,,hehe.. berikut cara menambahkan Buku Tamu Pada blog..

MENAMBAHKAN AUTO HIDE BUKU TAMU DENGAN APLIKASI CBOX

1.      Klik Tata letak , lalu klik Tambahkan Gadget

2.      Klik HTML/Java Scipt.

3.      Judul, tidak perlu diisi

Konten : Masukkan kode Auto Hide berikut pada kolom konten.

<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/AVvXsEiwNdCBIA3UdqWknAvf4DyQKkVQw0QrGyp_Faaoj1WCRnisCDhegyHwK1egJqQqCUIn6rBNyQq8SgUxW8kToTYiuqpeFJwTCeNNwI689p2og3ohAi305krIROh6MmY9HkAI-y8s0fzuVIGF/') no-repeat;
    }
    .gbcontent{
    float:left;
    border:2px solid #A5BD51;
    background:#F5F5F5;
    padding:10px;
    }
    </style>

    <script type="text/javascript">
    function showHideGB(){
    vargb = 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){
    vargb = document.getElementById("gb");
    var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
    vardir = 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">
    <LetakkandisinikodeShoutbox / bukutamuKita>

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

Ganti Tulisan ‘< Letakkan disini kode Shoutbox/buku tamu Kita>’ dengan kode script  buku tamu kita yang dapat kita dapatkan di aplikasi Cbox, caranya

4.      Kita buka http://www.cbox.ws.

5.      Isi form-form dengan data Kita.

Cbox name   : (nama id yang akan dipakai, misal saya menggunakan agus irwan gunawan )

Password      : (ketik password untuk login)

Confirm Password :(ulangi password untuk login)

Email Address       :( isi dngan e- mail kita)

Website            : (URL website / Blog kita)

Style                       : (Tema yang akan dipasang anda pilih sesuaikan)

Centang kotak jika data anda sudah benar

6.      Klik Create my Cbox

Dan jika sukses alamat konfirmasi ke e-mail anda,   

7.      Masuk ke email lalu klik link untuk aktivasi, maka kita akan kembali ke akun cbox.

8.      Jika kita sudah punya akun Cbox kita tinggal Login. Langkah selanjutnya, Klik Publish.

·         Kita pilih pada Step 1 : Blogger/Blogspot

Step 2 :code variation pilih saja button (Default)

Step 3 : copy kode pada

9.      Pastekan dalam kode auto hide tadi dengan mengganti tulisan <Letakkan Kode....> pada kolom Konten, lalu Klik Simpan

10.  Setelah tersimpan, klik Simpan setelan, lalu klik Lihat Blog untuk melihat hasil pada blog kita

 

      Sekian postingan pada pertemuan ini semoga bermanfaat....terimakasih atas kunjungannya...hehehe