Tutorial blogspot, belajar blog, membuat html dasar, perbaiki template,Tutorial Blog, HTML, Cara membuat, attribution blog, warna html,css kode

Jumat, 03 Desember 2010

Cara membuat kotak iklan melayang

Ne gan, yang pengen iklan nya gantung-gantung kaya Mony** dan akan hilang jika di klik 2x.
Langsung ke TKP gan :

1.Login Blog
2.Rancangan/Tataletak
3.Tambah Gadget/elemen
4.Pilih HTML/Javascrips
5.Masukkan kode yang dibawah ini :

<style type="text/css">
#gb{
position:fixed;
top:10px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbcontent{
float:right;
border:2px solid #A5BD51;
background:#ffffff;
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.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:right">
<a href="javascript:showHideGB()">
.:[Tutup][Klik 2x]:.
</a>
</div>
<center>
Masukan Kode iklan atau Gambar yang agan inginkan di sini.
</center>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.center = (30-gb.offsetWidth).toString() + "px";
</script></div></div>

Ganti yang berwarna Biru dengan alamat iklan..

6.Simpan Template..
7.Dan lihat Bagaimana hasilnya ?

Share on Facebook
Share on Twitter
Share on Google+

Related : Cara membuat kotak iklan melayang

0 komentar:

Posting Komentar