Cara Lengkap Membuat Buku Tamu Sembunyi di Blog

Nah buat sahabat blogger semua, kali ini saya akan membagikan cara lengkap membuat dan memasang buku tamu di blog, untuk model widget buku tamunya sembunyi di sebelah kanan blog , langsung saja caranya cukup mudah bisa simak di bawah ini... 

LANGKAH PERTAMA.
  • Untuk yang pertama, untuk membuat buku tamu, anda harus punya kode buku tamu sendiri dari situs cbox, untuk cara membuatnya anda bisa klik disini.
  • Bila sudah masuk situs tersebut, anda bisa klik Get your own free cbox now ! seperti gambar di bawah ini.

Cara Lengkap Membuat Buku Tamu Sembunyi di Blog


  • Ketiga, bila sudah klik seperti gambar di atas, anda akan menuju pada halaman pendaftaran untuk buku tanu blog anda, isi semua formulir juga pilihan warna widget buku tamu dan masukan email yang masih anda pergunakan agar untuk konfirmasi nantinya, selesai lalu klik create, contoh gambarnya seperti di bawah ini.

Cara Lengkap Membuat Buku Tamu Sembunyi di Blog


  • Ke empat, bila sudah selesai pendaftaran, anda login dahulu dengan akun pendaftaran sebelumnya, lalu anda akan menuju pada halaman proses terakhir, anda bisa copy kode script buku tamu blog anda, contoh gambarnya di bawah ini.

Cara Lengkap Membuat Buku Tamu Sembunyi di Blog
LANGKAH  KEDUA.
  • Selanjutnya, anda bisa login di blogger anda.
  • Buka tata letak.
  • Lalu tambahkan gadget HTML dan pilih tempat sesuai keinginan.
  • Selanjutnya, copy kode di bawah ini, gabungkan dengan kode buku tamu anda. dan pastekan di kolom HTML tersebut.
<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"> 
     
   ( masukan kode buku tamu anda di sini )
     
    </div> 
    </div> 
     
    <script type="text/javascript"> 
    var gb = document.getElementById("gb"); 
    gb.style.right = (30-gb.offsetWidth).toString() + "px"; 
    </script>
  • Lalu kelima, untuk keterangan url berwarna merah adalah gambar tab buku tamu, anda bisa ganti sendiri url tab buku tamu sesuai keinginan, untuk tulisan berwarna biru adalah letak kode buku tamu anda. terakhir tinggal save setelan dan lihat hasilnya.
  • Cukup segini dulu, semoga bermanfaat. 
Bagi sobat yang mau bertanya atau diskusi seputar topik ini silahkan bisa gabung di Forum
Previous
« Prev Post

Related Posts

Posting Komentar