Thursday, December 1, 2011

Cara membuat floating ads

Di siang hari yang agak mendung - mendung ini kita saya akan menerbitkan post tentang  "Cara membuat floating ads". Sedikit penjelasan dari saya. Floating ads adalah iklan yang melayang dan dapat ditutup dengan mengkliknya. Nahh? gimana? sobat sekarang sudah emngerti kan apa floating adas itu. Jika masih belum mengerti silahkan lihat pada gambar diatas. Caranya mudah kok copy kode di bawah ini dan pastekan di penambahan gadget HTML pada rancangan blog sobat:
<style type="text/css">
#gb{
position:fixed;
top:10px;
right:100px;
z-index:+1000;
}
* html #gb{position:relative;}


.gbcontent{
float:center;
border:2px solid #F5F5F5;
background:#ffffff;
padding:10px;
}
</style>

<script type="text/javascript" src="http://www.geocities.ws/reggy/ads.js"></script>

<div id="gb">

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

<div class="gbcontent">

<div style="text-align:right">
<a href="javascript:showHideGB()">
Klik iklan di bawah ini lalu Klik CLOSE
</a>
</div>
<center>

Iklan Adsenesenya 
</center>

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

Ket: Tulisan yang berwarna merah adalah kode adsensenya, bisa juga sibat ganti dengan kode lain
Tulisan yang berwarna biru adalah posisi floating ads nya
Sobat bisa merubah warna kotak adsnya. Ganti tulisan yg berwarna hijau

No comments:

Post a Comment

My Ping in TotalPing.com
Feedage Grade D rated
Preview on Feedage: web-design Add to My Yahoo! Add to Google! Add to AOL! Add to MSN
Subscribe in NewsGator Online Add to Netvibes Subscribe in Pakeflakes Subscribe in Bloglines Add to Alesti RSS Reader
Add to Feedage.com Groups Add to Windows Live iPing-it Add to Feedage RSS Alerts Add To Fwicki
Ping your blog, website, or RSS feed for Free