Skip to content Skip to sidebar Skip to footer

Cara Membuat Iklan Melayang Dibawah Postingan Blogger

Daringekonomi.eu.org - Kemarin kita telah membahas Cara Membuat Widget YouTube Subscribe button diblog.Pada postingan kali ini saya akan membagikan tips cara untuk membuat iklan melayang dibawah postingan blogger.Iklan melayang atau dikenal dengan ads floating merupakan jenis iklan yang mengambang diblog/website kita,yang berada disamping (kiri/kanan),atas dan bawah sesuai dengan keinginan dari publisher.Sehingga akan menarik perhatian pengunjung pada layanan iklan tersebut.


Mendapatkan penghasilan dari blog/website merupakan tujuan utama dari seorang publisher untuk mendapatkan penghasilan,salah satunya sumber penghasilan utamanya yaitu iklan yang muncul pada blog.Ada banyak jenis iklan yang ditawarkab oleh para advertiser yang membayar publisher berdasarkan jumlah klik iklan yang didapat dalam sehari.Misalnya iklan google adsense,propellerads,media net,infolink,dll.

Ukuran iklan melayang yang cocok diblog?

Adapun beberapa jenis iklan yang tersedia pada iklan google adsense antara lain iklan display,iklan in feed,iklan matched content,dll.Namun untuk iklan melayang hanyalah variasi saja bisa dibuat sendiri dan ukuran iklan yang cocok digunakan yaitu ukuran 728 x90 atau 720px dan 90px.Namun tidak semua situs pengiklan diperbolehkan pusblishernya untuk memasang iklan banner ini karena setiap situs pengiklan memiliki kebijakan sendiri.

Apakah iklan melayang ini aman?

Iklan melayang ini bisa digunakan diblog,asalkan tidak menutupi konten diblog kita,agar pengunjung tidak merasa terganggu dengan iklan yang ditayangkan.Namun ada beberapa artikel yang mengatakan iklan jenis ini melanggar kebijakan penyedia iklan terutama dari Google adsense yang berakibat iklan kalian tidak tayang/dihentikan dan masalah serius lagi dibanned.tentunya ini tidak kita harapkan bukan.

Buat kalian yang ingin mencobanya,silakan saja siapa tahu pendapatan adsense kalian bertambah.Iklan melayang yang ditampilkan disertai tombol close jadi para pengunjung menutupnya dengan mudah.Iklan ini tidak tumpah tindih sehingga tidak melanggar ketentuan layanan publisher adsense kecuali kalian sudah mengaktifkan iklan otomatis (iklan vinyet dan iklan hamparan) dimobile.

Berikut ini cara membuat iklan melayang dibawah postingan blogger

1.Langkah pertama buka dashbor  blogger kalian

2.Pilih menu Tata letak kemudian pilih widget bagian bawah

3.Pilih edit HTML dan masukkan kode HTML dibawah ini

Kode HTML 1

<!-- floating ads http://blogsejutaumat.com/ -->

<script type='text/javascript'>

$(document).ready(function() {

$('img#closed').click(function(){

$('#btm_banner').hide(90);

});

});

</script>

<style type='text/css'>

div#btm_banner {

bottom: 0;

position: fixed;

width: 100%;

opacity: 0.9;

left: 0;

}

div#btm_banner img{

border:0;

cursor:pointer;

}

</style>

<div style='height: 0px;'></div>

<div align='center' id='btm_banner' style='height: 120px; z-index: 9999;'>

<div style='text-align: right; width: 728px; height: 10px;'>

<img id='closed' src='http://4.bp.blogspot.com/-9MWyoN5VsJM/TivTpPyUuhI/AAAAAAAABL0/ldO739MTRBg/s1600/close3.png'/></div>

<div style='clear: both;'></div>

<p><p><center>

 

TAMBAHKAN KODE IKLAN DISINI

 

</center></p>

</p>

</div>


Berikut Gambar screnshoot dari Kode HTML 1

   Iklan melayang dibawah 1


Kode HTML 2

<script type='text/javascript'>

        $(document).ready(function() {$(&#39;img#closed&#39;).click(function(){$(&#39;#btm_banner&#39;).hide(90);});});

</script>

        <!--start: floating ads-->

        <div id='floatads' style='width:100%;margin:auto; text-align:center;float:none;overflow:hidden; display:scroll;position:fixed; bottom:0;z-index:9999'>

         <div><a id='close-floatads' onclick='document.getElementById(&apos;floatads&apos;).style.display = &apos;none&apos;;' style='cursor:pointer;'><img alt='close' src='https://3.bp.blogspot.com/-ZZSacDHLWlM/VhvlKTMjbLI/AAAAAAAAF2M/UDzU4rrvcaI/s1600/btn_close.gif' title='close button'/></a></div>

    <div style='text-align:center;display:block;max-width:728px;height:auto;overflow:hidden;margin:auto'>

        <!--Script iklan-->

<a href='http://carazain.blogspot.com' title='Pasang Iklan Disini'><img style='max-width:100%;height:auto' alt='Pasang Iklan Disini' src='https://s19.postimg.org/fj338k3tf/728x90.gif'/></a>

<!--Akhir script iklan-->

        </div>

 </div><!--end: floating ads-->

Berikut Gambar screnshoot dari Kode HTML 2

Iklan melayang dibawah 2


Kode HTML 3

<!-- FOOTER IKLAN -->

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js' type='text/javascript'>

</script><br />

<script type='text/javascript'>

$(document).ready(function() {

$('img#closed').click(function(){

$('#btm_banner').hide(90);

});

});

</script>

<style type='text/css'>

div#btm_banner {

bottom: 0;

position: fixed;

width: 100%;

opacity: 0.9;

left: 0;

}

div#btm_banner img{

border:0;

cursor:pointer;

}

</style>

<div style='height: 0px;'></div>

<div align='center' id='btm_banner' style='height: 67px; z-index: 9999;'>

<div style='text-align: right; width: 983px; height: 15px;'>

<img id='closed' src='http://3.bp.blogspot.com/-FJbBxXlFzSM/UChDqaGbcMI/AAAAAAAACPA/Lc4uhFU639c/s320/exit.png'/></div>

<div style='clear: both;'></div>

<p>

<p><center>

<!-- KODE IKLAN -->

<a href="http://kurniasepta.blogspot.com/" target=" blank"><img src="http://oceansdev.mit.edu/wp-content/uploads/page-news.jpg" /></a>

<!-- KODE IKLAN -->

</center></p>

</p>

</div>

<!-- FOOTER IKLAN -->

Berikut Gambar screnshoot dari Kode HTML 3

Iklan melayang dibawah 3

4.Kemudian simpan/save

5.Buka blog dan lihat hasilnya

Demikianlah Cara membuat iklan melayang dibawah postingan blogger,cukup mudahkan?semoga dengan menggunakan iklan melayang ini dapat memberikan manfaat terutama menambah penghasilan kalian.Jika kalian belum  mempunyai google adsense silakan daftar atau bisa menggunakan alternative lainnya yang menyediakan layanan jasa iklan pay per click.


Post a Comment for "Cara Membuat Iklan Melayang Dibawah Postingan Blogger"