cara membuat gambar melayang di blog antum

cara membuat gambar melayang di blog antum

ana akan berbagi cara membuat gambar melayang di blog antum, jika di klik gambar tersebut,maka akan menuju ke situs  lain nah pasti penasarankan gimana cara bikin nya.
oke lah mari kita ikuti langkah langkah nya.

1.copy kode ini:

<style type="text/css">
#gb{
position:fixed;
top:10px;
z-index:+1000;
}
* html #gb{position:relative;}


.gbcontent{
float:right;

background:transparant;
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-100;
gb.style.top = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
}
</script>

<div id="gb">

<div class="gbtab" onclick="showHideGB()"> </div>

<div class="gbcontent">

<div style="text-align:left">
<a href="javascript:showHideGB()">
[Close]
</a>
</div>
<center>
di sini masukan kode HTML gambar yang mau di pakai

</div></div></div></div></div></center>

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

2.buka BLOGGER antum,masuk ke TATA LETAK,lalu TAMBAHKAN GADGET,cari JAVA SCRIPT/HTML masukan/paste kan kode di atas di dalam nya.

3.simpan

tambahan:
                yang berwarna merah masukan kode HTML gambar yang mau antum pakai


wasalam :
               

hal terkait

trik dan tips nge-blog