Cara Membuat Buku Tamu Blog

Modjopahit! - Cara membuat buku tamu blog adalah sebuah pokok bahasan yang sangat unik ketika kita blogwalking kedalam sebuah blog atau web seseorang. Buku tamu ini seperti sebuah kotak saran dan kritik dan bisa juga digunakan untuk media komunikasi.

cara membuat buku tamu blog

kotak buku tamu ini mempunyai banyak manfaat ketika dipasang di dalam sebuah blog terutama untuk menjalin tali silaturahmi kepada teman-teman baru. So, gak ada salahnya dong kalo kita bahas bagaimana cara membuatnya meskipun sudah ada kotak komentar yang disediakan oleh platform blogger.

Cara membuat buku tamu blog

1. Masuk kedalam blogger menggunakan ID
2. Klik menu dropdown dan pilih Tata Letak

Membuat buku tamu blog - tata letak

3. Pilih posisi sidebar, dan klik Tambah Gadget

Membuat buku tamu blog - sidebar

4. Pilih gadget HTML/JavaScript

Membuat buku tamu blog - html/javascript

5. Masukkan kode dibawah ini kedalam gadget (mode HTML)


    <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://lh4.ggpht.com/_jn57XA2jLxY/SmCHl1YEsxI/AAAAAAAAAXQ/HshHClEVcvY/tabs.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">
    <!-- Letakkan Kode Form Buku Tamu (ShoutMix/ShoutBox) -->
    <a href="http://modjopahit.blogspot.com"> Cara Membuat Buku Tamu </a>
    </a>
    <div style="text-align:right">
    <a href="javascript:showHideGB()">
    [close]
    </a>
    </div>
    </div>
    </div>
    <script type="text/javascript">
    var gb = document.getElementById("gb");
    gb.style.right = (30-gb.offsetWidth).toString() + "px";
    </script>


6. Ganti <!-- Letakkan Kode Form Buku Tamu (ShoutMix/ShoutBox) --> dengan kode yang didapat dari pihak penyelenggara ShoutBox/ShoutMix (cara daftar dan mendapatkannya gratis)

7. Simpan
8. Selesai

Buku tamu yang telah dibuat ini akan mempunyai banyak manfaat meskipun hal ini adalah sebuah pilihan bagi kita, apakah ingin dipasang ataupun tidak. Nah, jika masih ada pertanya seputar cara membuat buku tamu blog maka dipersilahkan untuk mengisi kotak komentar untuk berdiskusi bareng-bareng.
Cara Membuat Buku Tamu Blog Cara Membuat Buku Tamu Blog Reviewed by Admin BelajarCuan.Com on 08.07 Rating: 5

Tidak ada komentar:

Silahkan berkomentar tanpa mengandung SARA dan MENGHINA. Jika komentar terlihat tidak berhubungan dengan tema artikel maka secara langsung akan dianggap SPAM dan langsung dihapus. Mari kita budayakan berkomentar yang baik dan membangun....

Diberdayakan oleh Blogger.