Cara Memasang Iklan Melayang Di blog

Written By Phuad Cahyono on 18 Mei 2011 | 18.31



kali ini mau berbagi tips ngeblog yang berhubungan dengan iklan. Bagi Anda yang mempunyai blog yang rame pengunjung tidak ada salahnya kalau selain blog digunakan untuk menulis dan berbagi sesuatu baik cerita maupun tips dan trik, Anda jadikan sebagai tempat mencari uang di internet.


Yups dengan traffic yang rame pasti pendapatan akan mendatangi Anda dengan sendirinya. Nah ini saya mempunyai trik membuat iklan melayang dengan tombol close, yang mana trik iklan ini kelanjutan dari cara mebuat frame iklan dengan show/hide javascript. Memang trik kali ini adalah pengembangan atau trik yang simple, untuk caranya mari kita pelajari bersama-sama.


Login Ke Blogger.com dengan Akun anda masing-masing Pastinya
Masuk ke Tab Tata Letak
Pilih Elemen Halaman
Tambah Gadget Pilih HTML / JAVASCRIPT
Dan Copy kode di bawah ini kedalamnya…




<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 onclick=”showHideGB()”> </div>


<div>


<div style=”text-align:right”>
<a href=”javascript:showHideGB()”>
.:[Close][Klik 2x]:.
</a>
</div>
<center>


Masukan Kode iklan atau Gambar yang anda inginkan di sini


</center>


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


Simpan, dan lihat hasilnya



Simple Iklan

0 komentar:

Follow by Email

Pengikut