Jumat, 15 Oktober 2010

Cara Membuat Buku Tamu Melayang Di Blog

Pernahkah Anda Melihat Tulisan Buku Tamu Berwarna Hijau Melayang Di blog ??
Buku Tamu Itu yang berisikan Chat Shoutbox maupun Shoutmix
Dan Apakah anda tertarik dengan Buku tmu melayang tsb. ??
Ikuti langkah-langkah dibawah  ::


  1. Sign in ke blogger dan silahkan Login dengan Account Anda
  2. Pilih Rancangan
  3. Pilih Elemen Laman
  4. Klik Add a Gadget/Tambah Gadget
  5. Lalu pilih "HTML/JavaScript"
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('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">

<!-- Begin ShoutMix - http://www.shoutmix.com -->
<iframe title="m4n0" src="http://www6.shoutmix.com/?m4n0" width="160" height="400" frameborder="0" scrolling="auto">
<a href="http://www6.shoutmix.com/?m4n0">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
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>



CATATAN :



·  Selamat Mencoba





      




0 komentar:

Posting Komentar

Ayooo Bnnyak-Banyak berkomentar....

banyak KOMNETAR, anda akan mendapatkan Back LInk GRATIS!! /// Top Komentar

Kami Menerima kritik dan Saran dari Anda