Cara Membuat Iklan Melayang Di Pojok - Hallo sahabat Another Stuff, Pada Artikel yang anda baca kali ini dengan judul Cara Membuat Iklan Melayang Di Pojok, kami telah mempersiapkan artikel ini dengan baik untuk anda baca dan ambil informasi didalamnya. mudah-mudahan isi postingan Artikel Monetize Blog, Artikel Tips dan Trik Blogging, yang kami tulis ini dapat anda pahami. baiklah, selamat membaca.

Judul : Cara Membuat Iklan Melayang Di Pojok
link : Cara Membuat Iklan Melayang Di Pojok

Cara Membuat Iklan Melayang Di Pojok

Selain dengan membuat iklan melayang dengan tombol close atau iklan melayang di atas header, sobat juga bisa membuat iklan melayang di pojok blog untuk meningkatkan earning dari iklan.



Dengan membuat

iklan melayang di pojok blog

maka iklan tersebut tidak terlalu mengganggu pengunjung, apalagi jika di kasih opsi close.

Langsung saja, berikut ini

cara membuat iklan melayang di pojok dengan tombol close

1. Seperti biasa, login dulu ke blogger.


2. Langkah selanjutnya adalah membuat css untuk iklan melayang di pojok blog ini.


3. Copy paste kode berikut dan letakkan di atas kode ]]></b:skin> pada template sobat
   

   
   #bottom-right {position:fixed;_position:absolute;top:0px; right:0px;
clip:inherit;_top:expression(document.documentElement.scrollTop+document.documentElement.clientHeight-this.clientHeight);_left:expression(document.documentElement.scrollLeft+document.documentElement.clientWidth - offsetWidth);}

.gbcontent{
float:right;border:2px solid #ffffff;background:#ffffff;padding:10px;
}

   
   


4. Setelah membuat css untuk iklan melayang tersebut, langkah selanjutnya adalah memasang iklan, cari kode </body> dan letakkan kode berikut ini di atas kode </body>:
   

   
   <script type='text/javascript'>
function showHideGB(){
var gb = document.getElementById(&quot;bottom-right&quot;);
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(&quot;bottom-right&quot;).style.display = &quot;none&quot;;
var dx = Math.abs(x0-xf) &gt; 10 ? 5 : 1;
var dir = xf&gt;x0 ? 1 : -1;
var x = x0 + dx * dir-100;
gb.style.top = x.toString() + &quot;px&quot;;
if(x0!=xf){setTimeout(&quot;moveGB(&quot;+x+&quot;, &quot;+xf+&quot;)&quot;, 10);}
}
</script>
<div id='bottom-right'>
<div style='text-align:right'>
<a href='javascript: void(0)' onclick='showHideGB()'><img alt='close' border='0' height='13' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmgCLRBsCbteD-FcT86fjSADHcogXEIgpE0fsiWoC9ZyWi6k3IMnvLdN5J_dqekKqgnMItiDl4bsSd13z0_-k-LF90E-eNhXOjRCQXUtZSAr63y5VacpgTzop0gVh3JBzHjKTyKskze-lt/s200/close.png' title='Close' width='49'/></a>
</div>
Kode Iklan Yang Sudah Di Parse
</div>

   
   


5. Save dan lihat hasilnya.

Tulisan yang berwarna merah (bottom-right) adalah nama (id) div yang sudah kita deklarasikan sebelumnya, sobat juga bisa merubah gambar tombol close untuk mempercantik iklan melayang di pojok ini sesuai dengan gambar yang sobat inginkan.



Semoga bermanfaat dan semoga juga dengan iklan melayang di pojok ini bisa meningkatkan earning sobat :)

Demikianlah Artikel Cara Membuat Iklan Melayang Di Pojok

Sekianlah artikel Cara Membuat Iklan Melayang Di Pojok kali ini, mudah-mudahan bisa memberi manfaat untuk anda semua. baiklah, sampai jumpa di postingan artikel lainnya.

Anda sekarang membaca artikel Cara Membuat Iklan Melayang Di Pojok dengan alamat link https://anothers-stuff.blogspot.com/2012/02/cara-membuat-iklan-melayang-di-pojok.html

Tweet