Loading

Sunday, March 25, 2012

Cara Membuat Iklan Melayang di blog

Bagaimana cara membuat iklan melayang sehingga iklan kita tampil pada awal masuk ke blog. Akan tetapi banyak orang mungkin terganggu karena iklan ini, sebagian juga berguna untuk info produk yang kita tawarkan pada pengunjung blog kita. Jika tampilan iklan melayang ini tidak disertai close pada tampilan melayang ini memang sangat mengganggu pengunjung, tapi jangan kawatir scrip disini ada tanda close jika kita pasang di blog kita, untuk cara membuat silakan baca tata caranya dibawah ini :

cara membuat iklan melayang adalah sebagai berikut :
1. Login ke dashboard > rancangan > add gadget > script/HTML
2. lalu copy dan paste code berikut :
<style type="text/css">
#gb{
position:fixed;
top:10px;right: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()">
.:[Close][Klik 2x]:.
</a>
</div>
<center>

Masukan Kode iklan atau Gambar yang sobat inginkan di sini

</center>

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

 selanjutnya, SAVE dan lihat hasilnya. semoga banyak manfaatnya.

0 comments:

Post a Comment

free counters