Cara Membuat Buku Tamu Melayang Disebelah Kanan

Sunday, February 27, 2011 under

Ingin memasang Buku Tamu di blog diseebelah kanan seperti yang ada di blog saya ini?
Simak Dimari!

  1. Sign in ke blogger dan silahkan Login dengan Account Anda
  2. Pilih Layout/Tata Letak
  3. Pilih Page Elemen/Elemen Halaman
  4. Klik Add a Gadget/Tambah Gadget
  5. Lalu pilih "HTML/JavaScript"
  6. Kemudian 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('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzYuvLpicy1vk46W8D4a8rVb7fFV5c7qHcqvsQZiMyv_3cE4Jqbx6wOgGI8-vtI35XC1yf0INUCIHZ2son6rWf48M2QsKh0TiNzEH_3RpnXgu4KIjShnVSSQAglG6x6bAgDFL50DYVuTb-/') 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">    <!-- Begin ShoutMix - http://www.shoutmix.com --><iframe title="askhairi" src="http://www5.shoutmix.com/?askhairi" width="200" height="300" frameborder="0" scrolling="auto"><a href="http://www5.shoutmix.com/?askhairi">View shoutbox</a></iframe><br /><a href="http://www.shoutmix.com" title="Get your own free shoutbox chat widget at ShoutMix!">ShoutMix chat widget</a><br /><!-- End ShoutMix -->  <br/> Anda berminat buat Buku Tamu seperti ini?<br/> Klik di <a href="http://gangiman.blogspot.com/"> 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>
      6. Ganti tulisan yang berwarna merah dengan kode yang anda peroleh dari ShoutMix

Semoga Bermanfaat.

Baca Juga:

2 responses so far

Leave a Reply

Popular Posts

Ads

DeaskaBerlangganan via RSS FEED

Atau Masukkan Email Anda:

Delivered by FeedBurner

Deaska

Site Meter Ping your blog, 

website, or RSS feed for Free

Followers