Cara membuat buku tamu di blog

: 10.02 6 comments

Blog bagaikan sebuah rumah ,nah tergantung penghuni nya mau di bagaimanakn rumah tersebut,nah ibarat rumah blog juga butuh di renofasi hingga membuat blog tersebut menjadi lebih indah nah salah satunya di sediakan nya buku tamu pada sebuah blog tersebut Nah Untuk Cara Membuat buku Tamu Yang Valid Html 5di blog silahkan ikuti tutorialnya secara lengkap:
  1. Sobat harus loggin dulu ke blogger
  2. Setelah masuk ke dasboard == Edit Html == Cari kode ]]></b:skin>


  3. Lalu masukkan kode Css berikut Tepat di atas kode ]]></b:skin>berikut kodenya :UPDATE
    #gb{
    position:fixed;
    right:250px;
    z-index:+500;
    }
    * html #gb{position:relative;}
    .gbtab{
    height:100px;
    margin:0;
    width:30px;
    float:left;
    cursor:pointer;
    background:url();
    }
    .gbcontent{
    margin-top:140px;
    width:auto;
    float:left;
    border:1px solid #404040;
    background:#333;
    padding:10px;
    }


  4. lALU SAVE,Selanjutnya:


  5. Masuk Rancangan>>tambah gadget>>Pilih HTML java script masukkakn kode script berikut :
    <script type="text/javascript">
    function showHideGB(){
    var gb = document.getElementById("gb");
    var w = gb.offsetWidth;
    gb.opened ? moveGB(0, -600-w) : moveGB(0-w, 0);
    gb.opened = !gb.opened;
    }
    function moveGB(x0, xf){
    var gb = document.getElementById("gb");
    var dx = Math.abs(x0-xf) > 35 ? 25 : 1;
    var dir = xf>x0 ? 1 : -1;
    var x = x0 + dx * dir;
    gb.style.top = x.toString() + "px";
    if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 1);}
    }
    </script>
    <div id="gb">
    <div class="gbtab" onclick="showHideGB()"> </div>
    <div class="gbcontent">
    <div style="text-align:center">
    <div style="background:#ddd;height:415px;border-color:red blue green yellow;border-style:solid;width:232px;border-Radius:10px 10px;
    overflow:hidden;padding-top:10px;">
    ------Kode C Box nya disini --------
    </div>
    </div>
    <div style="text-align:center"><a href="javascript:void(0);" onclick="showHideGB()"><img src="https://lh5.googleusercontent.com/-r1i4MbA737M/TXe_geYYU9I/AAAAAAAAB5A/PgOy7-VjLAE/s1600/close.png" alt="close" title="Click here to Close Cbox" /></a></div>
    </div>
    </div>
    <script type="text/javascript">
    var gb = document.getElementById("gb");
    gb.style.top = (-600-gb.offsetWidth).toString() + "px";
    </script>
    <div style='position:fixed;top:0;right:0;cursor:pointer;font-weight:bold;font-size:14px;padding:3px 16px;'><a href="javascript:void(0);" onclick="showHideGB()">
    <img src="http://i1136.photobucket.com/albums/n499/Mahfid_Mayanto/buku-tamu.gif" alt="image" title="Buku Tamu" /></a></div>


PENTING: untuk mendapat kan kode script C-Box nya  Silahkan Langsung menuju ke websitenya Silahkan ajukan pertanyaan jika sobat mengalami masalah/kesulitan .
photo-avatar
Terima Kasih Sobat sudah membaca Artikel saya Tentang Cara membuat buku tamu di blog Silahkan tinggalkan jejak lewat form komentar untuk mempermudah Admin berkunjung balik ke blog sobat. Mau share ulang Article saya ini..? silahkan ..!! tentunya dengan Judul dan narasi yang berbeda dan jangan lupa untuk mencantumkan link sumber..Terima Kasih

6 komentar

Bulu Perindu delete 5 Februari 2013 pukul 10.01

Makasih uda share ilmunya cara membuat buku tamu..

Batu Mata Kucing delete 5 Februari 2013 pukul 10.04

Senang bisa berkunjung ke situs anda. salam kenal..

Unknown delete 5 Februari 2013 pukul 10.44

@Batu Mata Kucing terimakasih kehadiran nya sobat....

Dunia Paranormal delete 13 Februari 2013 pukul 15.25

Terimakasih mas Mahfid uda bagi-bagi tutorial buku tamunya.Semoga bermanfaat juga buat para pembaca.

Batu Sulaiman delete 13 Februari 2013 pukul 15.33

Tipsnya sangat simple.. Langsung di coba mas.. terimakasih banyak.

Andrea Pengembala delete 25 Desember 2013 pukul 06.00

Keren mas mahfid.. :)

http://gubuginformasii.blogspot.com/

Posting Komentar


Terima Kasih Sobat Sudah:
1. Berkomentar Dengan Sopan
2. Tidak Memasukkan Link Aktif Dalam Form Komentar
3. Berkomentar Sesuai Artikel/Postingan
4. Berilah Informasi Kepada Admin Jika ada script yang Sudah tidak berfungsi
5. komentar Jorok/kasar /berbau Sara/Porno /saya anggap sebagai SPAM
6.untuk memasukkan gambar gunakan <i rel="image">URL Gambar</i>