Cara Menghasilkan Iklan Terbang Di Pojok

Selain dengan menghasilkan iklan terbang dengan tombol close atau iklan terbang di atas header, kawan juga dapat membuat iklan terbang di pojok blog untuk mengembangkan earning dari iklan.

Dengan menghasilkan

iklan terbang di pojok blog

maka iklan tersebut tidak terlampau mengusik pengunjung, terlebih kalau di kasih pilihan close.

Langsung saja, berikut ini

cara menghasilkan iklan terbang di pojok dengan tombol close

1. Seperti biasa, login dahulu ke blogger.
2. Langkah berikutnya merupakan menghasilkan css untuk iklan terbang di pojok blog ini.
3. Copy paste instruksi berikut dan letakkan di atas instruksi ]]></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 menghasilkan css untuk iklan terbang tersebut, langkah berikutnya merupakan memasang iklan, cari instruksi </body> dan letakkan instruksi berikut ini di atas instruksi </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/AVvXsEh5-WVawKVGAvJC_TpI0NLHSQE92ZQ0nwBjmGs7zF8z5OJk7XiOYExqWYuaNC_70-ZS8PffkvzEV6rdgTU1m0DCvj43vv0R-L9cmhD7J9Zl_EhqZbxXmJ8lpFJPoMnzxYWS17VvniG3xNni/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) merupakan nama (id) div yang sudah kita deklarasikan sebelumnya, kawan juga dapat mengganti gambar tombol close untuk mempercantik iklan terbang di pojok ini sesuai dengan gambar yang kawan inginkan.

Semoga berharga dan biar juga dengan iklan terbang di pojok ini dapat mengembangkan earning kawan :)

Share this post