Cara Membuat Iklan Melayang | Float Ads di Blogspot

Cara Membuat Iklan Melayang | Float Ads di BlogspotKali ini saya akan memberikan tips untuk membuat iklan melayang untuk blog anda. Cara ini digunakan agar iklan yang anda tampilkan dapat lebih terlihat atau menarik perhatian pengunjung blog anda. Caranya mudah sekali. Anda hanya cukup mengikuti langkah-langkah berikut:




1. Buka Account Blogger Anda, Masuk ke Layout/Tata Letak
2. Kemudian "Tambah Gadget" diatas Header
4. Klik "HTML/Javascript"
5. Masukkan kode di bawah ini.




<style type="text/css">
#gb{
position:fixed;
top:10px;
z-index:+1000;
}
* html #gb{position:relative;}

.gbcontent{
float:right;
border:0px 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()">
<img src="http://www.fileden.com/files/2009/10/12/2599919/close.gif" />
</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>



6. Simpan

Untuk tulisan yang berwarna biru adalah posisi iklan.
top :10px; berarti 10 pixel dari atas.

Jika ingin meletakkan disamping kanan bisa ditambahkan dibawah atau di atasnya dengan right :10px; (misalnya), untuk posisi bawah top diganti dengan bottom.


12 comments:

Res-Pen said...

Makasih scriptnya

prasetyo said...

makasih..makasih..makasih... semoga dapat pahala atas bantuan script nya :)

Rama said...

trimakasih banyak scriptnya :)
sangat membantu..

r4nd1b13 said...

terima kasih scriftnya....
sangat membantu saya membangun blog....
maklum masih newbi....hahahaha...
o ya kunjungi blog saya di r4nd1b13.blogspot.com...
mhon pendapatnya...
terima kasih...

Marzuki said...

Sederhana tapi powerful, bekerja 100%, tips dari blog tetangga ribet, gak berhasil melulu, tx.

Cara Beriklan di Internet said...

perlu di coba, model nya kayak popup ya?

TerGapteK.coM said...

Lapor bos... Kok Di blogku . gak mau di close??? Iklannya jadi Muncul terus neh.. he


ada solusi?
dan bagaimana caranya agar bisa cukup sekali close aja gak perlu 2 kali.. thanks

UdaRusdi Cs said...

wah artikelnya mantap sekali, terimakasih mas sudah membantu..salam sukses ya.

software gratis said...

www.micro-xp.co.cc

kunjungan

Juniantobara said...

Ooiii brooo makasih tutornya keren dah, dah gue praktekin :D

Hadi Wijaya said...

gan koq yang gue gak, bergerak kayak yang ini ya?
http://adipramana.com/2010/03/cara-membuat-iklan-melayang.html

gw pengen kyk gitu gan, tapi kalo yang dikasih agan tuh beku, mantep gitu2 aja,

maav gan kl kata2nya kurang jelas,
yg penting ngerti kl udah di buka web diatas tuh ama web gw gan

musibridge.blogspot.com nih gan aneh gw mah

tips-trik blog said...

oke gan ane coba yah...
mantep