Cara Menciptakan Iklan Melayang Di Pojok

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

Dengan menciptakan

iklan melayang di pojok blog

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

Langsung saja, memberikankut ini

cara menciptakan iklan melayang di pojok dengan tombol close

1. Seperti biasa, login dulu ke blogger.
2. Langkah selanjutnya ialah menciptakan css untuk iklan melayang di pojok blog ini.
3. Copy paste isyarat memberikankut dan letakkan di atas isyarat ]]></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 menciptakan css untuk iklan melayang tersebut, langkah selanjutnya ialah memasang iklan, cari isyarat </body> dan letakkan isyarat memberikankut ini di atas isyarat </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='http://3.bp.blogspot.com/-1sJcIXu3ijI/T0s3E0XiSvI/AAAAAAAAAwE/VxlEnEvqeD0/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) ialah nama (id) div yang sudah kita deklarasikan sebelumnya, teman juga bisa merubah gambar tombol close untuk mempercantik iklan melayang di pojok ini sesuai dengan gambar yang teman inginkan.

Semoga memberi manfaat dan agar juga dengan iklan melayang di pojok ini bisa meningkatkan earning teman :)

Advertisement