Cara Membuat Iklan Melayang Di Pojok

Cara Membuat Iklan Melayang Di Pojok - Selain dengaan membuat iklan melayang dengan tombol close atau iklan melayang di atas header, sobat juga bisa membuat iklan melayang di pojok blog untuk meningkaatkan earning dari iklan.

Dengan membuat iklan melayang di pojok blogmaka iklan tersebut tidak terlalu menggaanggu pengunjung, apalaagi 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 melaayang tersebut, langkah selanjutnya adalah memaasang 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/AVvXsEia1JpAOxfxt1s24PC0-rB9XuCrwUA2Elwo2Sf5FdOG_9k2B0Ahrws0DjO8xeTXAZZtqIaU_cRWusrv2a39QEC4tfTMleHq_ArB-dZqQlh3cL9jmoG4_exF_npCU9HFBy3GZ6nvH-b5BTA3/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) adalaah nama (id) div yang sudah kita deklaarasikan sebelumnya, sobat juga bisa merubaah gambar tombol close untuk mempercantik iklan melayang di pojok ini sesuai dengaan gambar yang sobat inginkan.

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

Baca Selengkapnya »

Cara Membuat Iklan Melayang (Floating Ads) Di Blog

Cara Membuat Iklan Melayang (Floating Ads) Di Blog - Bagi sobat yang terbiaasa bermain iklan, khususnya iklan ppc mungkin sudaah tidak asing lagi dengan yang namaanya iklan melayang atau floating advertisement yaang berguna untuk meningkatkan earning. Tapi bagi beberapa sobat yang baaru memulai blogging mungkin maasih kebingungan tentang bagaimaana membuat iklan melayang di blog atau yang dikenaal juga floating ads.

Ya sudah langsung saja ya, cara membuat iklan melayaang di blog ini saya ambil dari banyaak sumber, salah satunya dari blognya om di hxxp://www.o-om.com kalau pgn langsung lihaat ya monggo kesana langsung :)

1. Sebelum membuat iklan melayang di blog jelas sobat kudu login dulu di blogger.

2. Setelah itu pilih Rancangan (Design) > Elemen Halaman (Page Element) > kemudian tambahkan gadget/widget HTML/Javascript.

3. Kalau sudah silahkan copast kode berikut ini:

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


.gbcontent{
float:right;
border:2px 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()">
.:[Close][Klik 2x]:.
</a>
</div>
<center>

Masukan Kode iklan atau Gambar yang sobat inginkan di sini

</center>

<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.center = (30-gb.offsetWidth).toString() + "px";
</script></div></div>

4. Save dan lihat hasilnya.

Bagaimana? mudah kan membuat iklan melayang di blog?

Sebelum sobat membuat dan menerapkan iklan melayang ada baiknya sobat membaaca TOS (Terms of Service) dari pihaak iklan tersebut. Beberapa advertiser menyaatakan bahwa iklan melayang di blog melangar TOS karena membuaat pengunjung meng-klik iklan tersebut dengan terpaksa.

Selain iklan melayang dengan tombol close, sobaat juga bisa mencoba membuat iklan melayang di atas header dan membuat iklan melayang di pojok. Semoga bermaanfaat :)

Baca Selengkapnya »