Senin, 04 April 2011

Membuat Iklan melayang

di blog anda sudah tidak ada tempat lagi untuk menempatkan iklan nah bagai mana jika anda menggunakan salah satu fungsi dari javascript ini. javascript ini digunakan untuk membuat iklan melayang di depan konten kita seperti gambar berikut




Yak langsung aja ke kodingannya

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

.gbcontent{
float:right;
border:2px solid #585858;
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()">
.:<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhr-x0Zq-Lhy3L1XOPNE8lLemHPdh0c6YpM92k6Y4Qa_x3_VSaUiIq0-gyJDR7j3_I6fp8A_ZdfMAQtHnU5OQfyNpv8LFxBFN2iYAMBX9EqEIdfUsp0f2El5lPq1K4ffPd9esGtwi-pEWy9/" title="kalau muncul, klik lagi" alt="tutup" />:.
</a>
</div>
<center>
Pasang script iklan di sini
</center>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.center = (30-gb.offsetWidth).toString() + "px";
</script></div></div>

nah cara penggunaanya adalah dengan membuat witget HTML baru dan pasang kode di atas di wiget  HTML yang telah kita buat dan setelah itu selamat menikmati

Label:

0 Komentar:

Posting Komentar

Berlangganan Posting Komentar [Atom]

<< Beranda