Dede Rosadi Blog

Jasa Pembuatan Toko Online Seo Dan Review Produk Online

Tutorial Menciptakan Iklan Melayang (Floating Ads) Di Blog

No ratings yet.

Bagi teman yang terbiasa bermain iklan, khususnya iklan ppc mungkin sudah tidak absurd lagi dengan yang namanya iklan melayang atau floating advertisement yang berguna untuk meningkatkan earning. Tapi bagi beberapa teman yang gres memulai blogging mungkin masih kudang keringngungan perihal bagaimana

membuat iklan melayang di blog

atau yang dikenal juga floating ads.

 khususnya iklan ppc mungkin sudah tidak absurd lagi dengan yang namanya  Tutorial Membuat Iklan Melayang (Floating Ads) Di Blog

Ya sudah eksklusif saja ya,

Tutorial menciptakan iklan melayang di blog

ini aku ambil dari banyak sumber, salah satunya dari blognya om di hxxp://www.o-om.com bila pgn eksklusif lihat ya monggo kesana eksklusif 🙂

1. Sebelum menciptakan iklan melayang di blog terang teman kudu login dulu di blogger.
2. Setelah itu pilih Rancangan (Design) > Elemen Halaman (Page Element) > lalu menambahkan gadget/widget HTML/Javascript.
3. Kalau sudah silahkan copast instruksi diberikut 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 teman 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? praktis kan membuat iklan melayang di blog?

Sebelum teman

membuat dan menerapkan iklan melayang

ada baiknya teman membaca TOS (Terms of Service) dari pihak iklan tersebut. Beberapa advertiser menyatakan bahwa iklan melayang di blog melangar TOS alasannya ialah menciptakan pengunjung meng-klik iklan tersebut dengan terpaksa.

Selain iklan melayang dengan tombol close, teman juga sanggup mencoba membuat iklan melayang di atas header dan membuat iklan melayang di pojok. Semoga berguna 🙂

Please rate this

Updated: 6 Januari 2019 — 18:33

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *

Sikartun Blog © 2018 Frontier Theme