~~~~~~~    ~~~~~~~    ~~~~~~~    ~~~~~~~    ~~~~~~~    ~~~~~~~    ~~~~~~~    ~~~~~~~    ~~~~~~~   

Home » » Cara Simple Membuat Buku Tamu DiBlog

Cara Simple Membuat Buku Tamu DiBlog

Posted by Dagul on Senin, 13 Oktober 2014

Ass...wr...wb...
Buku Tamu
dan salam sejahtera buat sobat blogger dimanapun anda berada, ijinkan saya pada pertemuan kali ini ingin berbagi sedikit informasi ringan seputar blog, yaitu tentang "Cara Mudah Membuat Buku Tamu Diblog".

Hemmm...... kedengerennya seh udah basi banget yah tu info.!
Buku tamu atau Guest Book emang tidak harus ada pada blog kita sobat, tapi dengan adanya buku tamu, disamping mempercantik tampilan blog , buku tamu juga bisa dijadiin ajang sms gratis. "hi doyan gratisan seh..". Gimanah tertaik ndek(tertarik nggak?) "hihihi...bhs lombok dikit".
buat sobat blogger yang udah buat silahkan menikmati aja, sedangkan buat sobat blogger yang belon pake tu buku tamu, ada baiknya sobat ikutin tutor berikut, Cekidot....!!!
  1. Sebelom membuat buku tamu/Guest Book eloknya silahkan sobat melancong ke Link berikut Cbox Link , lalu sobat pilih Sign up untuk registrasi dulu "tenang.. gratis kok".
  2. Saya sarankan sobat agak bersabar ditahap registrasi ne, cz emang password kita selaluuuuu... salah kata tu Cbox, tapi tetep semangat yah sampai bisa.
  3. Kalo udah berhasil sign up, silahkan sobat desain dulu tuh: font, size dan colour cbox nya sobat dimenu (Look And Feel) yang telah disediakan diatas, seperti gambar dibawah.
    Gambar 1
    Gambar 2
  4. Untuk mendapatkan kode widget/kode guest booknya (gambar 2). ada 2 hal yang perlu kita perhatikan yaitu: Cbox akan mengirimkan melalui email dengan mengirimkan link panel, sobat bisa cek melalui link panel yang dikirimkan, atau cara yang kedua silahkan sobat langsung saja klik Publish.
  5. Tahap selanjutnya iahkan sobat menuju blog masing-masing dengan:
    • Menuju Dasbor
    • Sobat klik Tambah gadget/add gadget.
    • Lalu silahkan sobat copas kode dibawah.                        

    <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://i1176.photobucket.com/albums/x335/b0_0ys/bukutamu5.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">

    Tempatkan kode Cbok sobat disini

    <div style="text-align:right">
    <a href="javascript:showHideGB()">
    <button>close</button>
    </a>
    </div>
    </div>
    </div>
    <script type="text/javascript">
    var gb = document.getElementById("gb");
    gb.style.right = (30-gb.offsetWidth).toString() + "px";
    </script> -seemore http://atang68.blogspot.com/2014/10/cara-mudah-membuat-buku-tamu-diblog.html
    Perhatian : Tulisan warna Hijau (ganti dengan kode yang sobat dapat dari cbox), & simpan.

    "Selamat mencoba dan semoga bermanfaat"

SHARE :
CB Blogger

Posting Komentar

 
Copyright © 2014 Dagul. All Rights Reserved. Powered by Blogger
Template by Atang Rahman and BelajarCopas