Cara Membuat Buku Tamu Melayang / Tersembunyi di Blog

Cara Membuat Buku Tamu Melayang/Tersembunyi di Blog
Sore Sobat Free Download dan Tutorial semua, bagaimana Weekend anda semua? saya harap menyenangkan, bukan? Kembali hari ini saya akan share mengenai tentang Cara Membuat Buku Tamu Melayang / Tersembunyi di Blog. Tutorial singkat ini hanya diperuntukkan untuk blogger pemula. Buat yang sudah ahli dan Master didunia Blog, Saya harap saran dan Komentarnya buat blog ini. Setelah anda Mengetahui Cara Membuat Buku Tamu di Blog. atau bagi anda yang belum tahu cara membuatnya silahkan liat DISINI. Dengan Membuat buku tamu melayang atau tersembunyi akan menghemat tempat di blog anda karena banyak nya widget yang terpasang di blog anda. Silahkan anda ikuti langkah-langkah berikut.

  1. Login ke akun Blogger anda
  2. Klik Tata Letak > Tambah Gadget Pilih HTML/Javascript
  3. Silahkan Copy Paste Script di bawah ini.
    <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/AVvXsEj0xUEUeskenYzxtW1L2yaTzCaC43K1sNydTCDVC7c-MkpYFyIMWoV1rMqxJDvihwnB-b7LHqKvLWFquGhNeQlrJcMMK_FCdqJlI_sQSrw1ZLu9XYzc_5vg37MxN_9yiNX9nd_5UiN-09w/s1600/bukutamu.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">
        <div style="text-align:right">


    LETAKKAN KODE BUKU TAMU DISINI


    <a href="http://rudihartoyo.blogspot.com/2013/01/cara-membuat-buku-tamu.html">►Get this Widget◄</a><a href="javascript:showHideGB()">

        [Tutup]
        </a>
        </div>
        </div>
        </div>
        <script type="text/javascript">
        var gb = document.getElementById("gb");
        gb.style.right = (30-gb.offsetWidth).toString() + "px";
        </script>
  4. Save Widget.
Sekian Tutorial Tentang Cara Membuat Buku Tamu Melayang / Tersembunyi Di blog, Silahkan Dicoba. Semogaa berhasil dan Bermanfaat.
Previous
Next Post »

# Silahkan Anda Berkomentar dengan Baik dan Sopan
# Pesan dilarang Mengandung SARA dan Spam
# Terima Kasih Telah berkunjung di Blog Sederhana ini ConversionConversion EmoticonEmoticon

Thanks for your comment