Selasa, 07 Februari 2012

Widget Buku Tamu Tersembunyi

| Selasa, 07 Februari 2012 | 0 komentar

Berikut ini adalah cara membuat buku tamu tersembunyi, nah ini widget buku tamu tersembunyi untuk blogger

caranya  :

1. Login Ke blog dulu
2. MAsuk Ke Rancangan
3. Tambahgan ADD Gadget
4. Pilih HTML
5. Copy Paste Code Dibawah 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('http://4.bp.blogspot.com/-5z3cfkyEOxg/TY9uF2uCA4I/AAAAAAAAAD0/cDdJTRQdCFI/s1600/buku+tamu.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">

---- Kode buku tamu anda disini ----      

      <br/>
      Mau punya buku tamu seperti ini?<br/>
      Klik di
      <a href=" http://maktabahabuiram.blogspot.com/2012/02/daftar-artikel-kategori-widget-untuk.html">
      sini
      </a>

      <div style="text-align:right">
      <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>


Save. Selesai
CATATAN :
Ganti Tulisan Yang berwarna MERAH dengan Kode Buku tamu Anda

Ditulis Oleh : muhammad yusuf ~ Blog Pribadi Abu Iram Al-Atsary

Selamat, Anda sedang membaca artikel saya yang berjudul Widget Buku Tamu Tersembunyi - Artikel ini diposting oleh muhammad yusuf pada hari Selasa, 07 Februari 2012. Terimakasih atas kunjungan Anda serta kesediaan Anda membaca artikel ini. Jangan lupa like ke akun facebook anda untuk berbagi - Kritik dan saran dapat anda sampaikan melalui Buku Tamu Kami. By. Abu Iram Al-Atsary.

0 komentar:

:)) ;)) ;;) :D ;) :p :(( :) :( :X =(( :-o :-/ :-* :| 8-} :)] ~x( :-t b-( :-L x( =))

Posting Komentar

Tulis Komentar Anda Disini:

 
© Copyright 2010. yourblogname.com . All rights reserved | yourblogname.com is proudly powered by Blogger.com | Template by o-om.com - zoomtemplate.com