Membuat Float Ads (Iklan Melayang)

Nah, Yang bisa melayang bukan cuman gambar loh!! Biasnya khan Float Image, Nah sekarang Float Ads.
Contoh yang udah nyata (cie,, bahasanya lebay).
Coba kamu perhatiin tiap kali masuk ke Blog ini, pasti muncul dari atas ada Bakuhatsu-Online Stream trus dibawahnya ada iklan khan??
Kalo belom liat, coba kamu refresh halaman ini atau tekan F5.

Kebanyakan orang yang ingin mendapatkan penghasilan lebih dari program PPC yang diikutinya, memanfaatkan trik ini, karena iklan akan ditampilkan kepada pengunjung, tapi selanjutnya terserah pengunjung sih, mau ngeklik apa nggak,,

Nah,, Kelamaan ngetik basa-basinya (udah gerah nie,,) langsung aja yuk,,



Nah, gak pake lama Copas kode CSS neh:
<style>
#DADfa{position:fixed;top:0px;z-index:+1000;}
* html #DADfa{position:relative;}
.DADfacontent{float:right;border:2px solid #666;background:#000000;padding:10px;}
</style>
Opsi untuk Float:right
tuh maksudnya perataan teks, atau align

Opsi untuk Border:2px solid #666;
2px tuh ketebalan border, solid tuh style atau bentuk bordernya, #666 tuh warna pada border

Opsi untuk yang background:#000000
#000000 tuh warna Backgeoundnya atau warna latar belakang.

Nah, selanjutnya kode HTML ama JavaScriptnya, ne dia:
<script type="text/javascript">
function showHideDADfa(){
var DADfa = document.getElementById("DADfa");
var w = DADfa.offsetWidth;
DADfa.opened ? moveDADfa(0, 30-w) : moveDADfa(20-w, 0);
DADfa.opened = !DADfa.opened;
}
function moveDADfa(x0, xf){
var DADfa = document.getElementById("DADfa");
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
DADfa.style.top = x.toString() + "px";
if(x0!=xf){setTimeout("moveDADfa("+x+", "+xf+")", 10);}
}
</script>
<div id="DADfa">
<div class="DADfatab" onclick="showHideDADfa()"> </div>
<div class="DADfacontent">
<div style="text-align:right">
<a href="javascript:showHideDADfa()">
[~CLOSE THIS~]
</a>
</div>


<!-- Masukkan Kode HTML Iklan kamu, ato apa deh terserah kamu disini-->

</div></div>





Masukkan Kode HTML Iklan kamu,
ato apa deh terserah kamu disini


Nah, yang warnanya BIRU tuh tempat buat naro Iklan ato widget yang mau kamu tampilin dengan gaya float. Dah ah, coba sendiri ea,,,
Comments

3 comments:

Related posts
Guestbook
Author


© 2008 - 2016 DickeyMaru
Blogger Template Win 8 design by Dark Ard from DeezClan | All rights reversed.
  • Post
  • Comments
  • Related
  • Guestbook
  • Author
  • Other