Jumat, 25 November 2011

membuat iklan melayang dengan tombol close 2x

Biarpun kita sudah membaca berita duka tentang  Blogger Indonesia Dituntut Facebook Sebesar 2 Milliar, tapi kita tidaj boleh patah semangat untuk mengeblog, kita harus maju dan kita harus selalu ingat akan makna berbagi.
Postingan kali ini, kembali pada yang asal tentunya tentang blogging yaitu cara Membuat Iklan melayang dengan tombol close dua kali. iklan melayang ini sering kali digunakan oleh publiser untuk mendapatkan klik unik dari setiap pengunjung blog kita.
Cara memasangnya pun tidak begitu sulit yakni mudah dipraktekin. Adapun cara Membuat Iklan melayang dengan tombol close dua kali adalah sebagai berikut :

  • Seperti biasa harus Log in dulu di blog sobat
  • Pada Element halaman pilih tambah gadget
  • lalu masuk ke HTML/Javascript
  • lalu copas kode di bawah 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()">
.:[Close][Klik 2x]:.
</a>
</div>
<center>

Masukan Kode iklan anda di sini

</center>

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







 lalu di save aja gan......

Tidak ada komentar:

Posting Komentar