Bagiku Linux begitu mempesona, indah dan menawan, tapi Linux tetap murah, mudah, flexibel dan terbuka. Linux sangat cocok bagi semua kalangan, terutama generasi muda yang kreatif. Tak ada yang lebih bagus dari Linux, yang lebih mahal banyak...

Kamis, 03 Februari 2011

Membuat buku tamu melayang dan sembunyi pada blog

Pagi-pagi dah bangun dan semangat banget pengen segera bloging. Eh... listrik mati. Lama lagi sampai 4 jam. Pikiran yang sudah fresh jadi buntu. Posting apa ya? Dari pada bingung-bingung aku posting aja "Bagaimana membuat buku tamu melayang dan sembunyi pada blog. Tak usah banyak bicara langsung to the point aja deh. Begini caranya: copy kode di bawah ini dan pasang pada HTML java script anda.




<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="putralinuz" src="http://www.shoutmix.com/?putralinuz" width="95%" height="460" frameborder="0" scrolling="auto"><a href="http://www.shoutmix.com/?putralinuz">View shoutbox</a></iframe><br /><a href="http://www.shoutmix.com" title="Get your own free shoutbox chat widget at ShoutMix!"></a><br /><!-- End ShoutMix -->
<br/>


<a href="javascript:showHideGB()">
[tutup]
</a>
</div>


</div>






<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script>




Jangan lupa ya ganti tulisan yang berwarna hijau dengan kode yang anda dapat dari daftar di http://www.shoutmix.com/main/



Oya lupa, tambahan sedikit. Untuk membuat buku tamu melayang sembunyi sebaiknya jangan di campur dengan iklan melayang karena bisa eror. Tapi jika anda sudah ahli tidak apa-apa.

4 komentar:

muantap tpi Q bingung.......................

Thx kunjungannya gan , NEW Bloger
http://komputeraq.blogspot.com/

iya ni sob bagaimana ya biar buku tamunya gak eror??? ksh solusi donk,,, kesiini sob. http://bldirgantara.blogspot.com/ mksh,

Posting Komentar

It's here

It's here
Yang tidak sabar mencicipi Ubuntu 13.10

Blogroll