Pada kesempatan ini saya akan membagikan tutorial bagaimana cara membuat iklan melayang di Blog dengan tombol close 2x. Salah satu letak iklan yang paling bagus adalah iklan floating atau melayang. Lokasi iklan jenis ini akan selalu kelihatan meskipun scroll browser di naik turunkan, Sehingga akan selalu dilihat oleh pengunjung.

Oh yah sobat harus tahu jika sobat memasang iklan PPC seperti Adsense, bahwa memasang iklan dengan cara seperti ini termasuk salah satu pelanggaran, Selain itu, untuk iklan PPC umumnya tidak diperbolehkan memasang iklan seperti ini, karena hal itu dapat melanggar kebijakan program PPC.

Cara memasang iklan melayang di blog
Cara memasang iklan melayang di blog

Selain itu, jenis iklan ini kurang disukai oleh pengunjung selain menggangu tampilan blog membuat pengunjung tidak nyaman dengan keaadaan ini. Namun, apabila iklan mandiri, akan sangat dianjurkan, karena para advertiser cenderung berani membayar dengan harga tinggi untuk memasang iklan di posisi ini.

Cara membuat iklan melayang di Blog


1. Di Blog Blogger kamu
2. Pilih menu Tata Letak  ➜ Tambahkan Gadget.
3. Kemudian pilih widget HTML/JavaScript.

Cara memasang iklan melayang (close 2x) di Blog
Tata Letak ➔ Tambah Gadget ➔ HTML / Javascript

4. Masukan kode dibawah ini:

<style type="text/css">
#gb{
position:fixed;
top: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 Disini
</center>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.center = (30-gb.offsetWidth).toString() + "px";
</script></div></div>
Keterangan: 

Tulisan Masukan Kode Iklan Disini di atas silahkan ganti dengan script kode iklan kamu.

5. Save Widget.

Sekian tutorial singkat mengenai cara memasang iklan melayang di blog, semoga bermanfaat.
0 Komentar untuk "Cara memasang iklan melayang (close 2x) di Blog"