• Waktu Tak Pernah Kembali

    Nabi shallallahu 'alaihi wasallam bersabda: Dua kenikmatan yang sering dilupakan oleh kebanyakan manusia adalah kesehatan dan waktu luang [Hr. Bukhori No.5933]

  • Usahakan Waktu Kita Selalu Istiqomah Dijalan Alloh

    Nabi shallallahu 'alaihi wasallam bersabda: "Tempat cemeti di surga itu lebih baik dari dunia dan seisinya, sungguh berpagi-pagi atau sore hari di jalan Allah itu lebih baik daripada dunia seisinya." [Hr. Bukhori No.5936]

  • Kau Isi Apa Waktumu?

    Nabi shallallahu 'alaihi wasallam pernah membuat suatu garis lalu beliau bersabda: "Ini adalah cita-citanya, dan ini adalah ajalnya, ketika seseorang seperti itu (dalam cita-citanya), maka datanglah garis yang lebih dekat (yaitu ajalnya)." [Hr.Bukhori No.5939]

Senin, 28 Maret 2011

Membuat Buku Tamu Tersembunyi

it's an information blog
Penulisnya adalah: Muhammad Yusuf Abu Iram Pada Pukul 00.12 1 comment

Untuk menghemat Ruang di blog kita, kita bisa membuat buku tamu tersembunyi di blogspot. Yang mana nanti kalau di klik, dia akan muncul keluar :

Caranya:


   1. Masuk ke account Blogger kamu, pilih "Layout" kemudian "Page Elements",
   2. Klik "Add a Gadget" (yang mana aja oke), kemudian pilih "HTML/JavaScript",
   3. Copy-paste kode 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('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">

      <!-- Ganti ini dengan kode buku tamu kamu -->

      <br/>
      Mau punya buku tamu seperti ini?<br/>
      Klik di
      <a href="http://abuiram.blogspot.com/2011/03/membuat-buku-tamu-tersembunyi.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>

   4. Pada kode di atas, cari kode <!-- Ganti ini dengan kode buku tamu kamu --> dan ganti kode tersebut dengan kode buku tamu baik dari shoutmix atau neo yang kamu dapatkan dari situsnya,
   5. Kamu juga bisa atur posisinya. Ubah aja nilai atribut top-nya. Kalau mau lebih ke atas dikit, ubah jadi 30px atau 20px, terserah kamu.
   6. Selamat mencoba!

Catatan: di kode di atas aku pasang backlink ke post ini, kalau kamu mau berbaik hati, tolong backlink-nya jangan dihapus ya



Free Template Blogger collection template Distributor jahe Merah Karomah Blog Indahku Goresan Jari Jemariku cafe Gaul Para Salafiyyin

1 komentar :

Assalamu'alaikum..
sudah saya coba, tapi posisinya terlalu bawah, agak sulit untuk menulis pesannya..
gimana caranya biar posisinya agak k atass?
oh iaa, ukurannya saya coba ubah juga gag bisa nih.. gmana yaa?

Posting Komentar

Setelah mata lelah membaca, tangan lelah menggerakkan mouse, tapi janganlah lelah untuk berkata menyapa, sapalah kami...terima kasih atas kesediaannya memberi inspirasi, silahkan ketik disini :

Jika anda menghendaki tukaran link / banner/follow silahkan anda simpan linknya di Buku Tamu Kami. Diberdayakan oleh Blogger.