Cara Membuat Banner Iklan Melayang di Blogger

Halo sobat Blogging,pada pembahasan kali ini admin akan memberikan sebuah ulasan tentang bagaimana cara membuat Banner Iklan Melayang yang responsive dengan fasilitas tombol close di blog yang bisa anda gunakan untuk meningkatkanperforma iklan anda,dalam penataan mode iklan tentunya harus relefan,dimana dengan iklan melayang dan responsive tentunya bisa meningkatkan penghasilan lebih.

Dalam ulasan kali ini admin akan memberikan strategi bagaimana membuat iklan melayang,yang ukuranya bisa meyesuaikan dengan blog anda alias responsive,dan dilengkapi dengan tombol close di bagian atas,yang berguna untuk menghilangkan banner iklan tersebut apabila pengunjung merasa terganggu.

Dan bagi anda para pengguna google adsense,dimana kini iklan adsense sudah memiliki performa yang bagus,apa lagi di versi mobile,namun tidak ada salahnya anda menggunakan model iklan melayang di blog anda,agar bisa mendapatkan ctr iklan anda bertambah.perlu anda ketahui iklan model seperti ini,biasanya di pakai oleh situs situs besar,namun kini anda bisa memakainya di blog utama anda yang terkait dengan iklan google adsense.

Dan bagaimana cara membuat Iklan Melayang,untuk bisa berhasil dengan hasil yang maksimal,anda bisa melihat tutorial Membuat Iklan melayang di blogger.bagaimana caranya..? simak dibawah ini.

Iklan Melayang di Blogger


Cara Membuat Banner Iklan Melayang

Adapun cara membuatnya yakni,silahkan buka Dasboard Blogger,dan kemudian silahkan anda pilih meni Template Lalu Klik Edit HTML,dan silahkan salian atau Copy code dibawah ini tepat sebelum kode </body> pada template blog anda.

<script type='text/javascript'>
$(document).ready(function() {$(&#39;img#closed&#39;).click(function(){$(&#39;#bl_banner&#39;).hide(90);});});
</script>
<div id='fixedban' style='width:100%;margin:auto;text-align:center;float:none;overflow:hidden;display:scroll;position:fixed;bottom:0;z-index:999;-webkit-transform:translateZ(0);'>
<div><a id='close-fixedban' onclick='document.getElementById(&apos;fixedban&apos;).style.display = &apos;none&apos;;' style='cursor:pointer;'><img alt='close' src='http://1.bp.blogspot.com/-_A83iDM6JYc/VhtxROLILrI/AAAAAAAADK4/aM4ikIA6aqI/s1600/btn_close.gif' title='close button' style='vertical-align:middle;'/></a></div>
<div style='text-align:center;display:block;max-width:728px;height:auto;overflow:hidden;margin:auto'>
<a href='#' title='Banner iklan disini'><img style='max-width:100%;height:auto;vertical-align:middle;' alt='Banner iklan disini' src='http://3.bp.blogspot.com/-9h86Fhn6zZU/VhtxRDTM4qI/AAAAAAAADK0/fQN3Z00kWwk/s1600/arlina-tea.png'/></a>
</div>
</div>
<

Langkah selanjutnya silahkan Klik Simpan Tema dan silahkan lihat hasil nya.

Bagaimana mudah bukan,hanya memindahkan script diatas ini dan letakkan sebelum kode </body> selesai deh..? namun apa bila anda tidak ingin menampilkan iklan banner di tampilan versi mobile,maka anda bisa menggunakan kode yang ini :

<b:if cond='data:blog.isMobileRequest == "false"'>
<script type='text/javascript'>
$(document).ready(function() {$(&#39;img#closed&#39;).click(function(){$(&#39;#bl_banner&#39;).hide(90);});});
</script>
<div id='fixedban' style='width:100%;margin:auto;text-align:center;float:none;overflow:hidden;display:scroll;position:fixed;bottom:0;z-index:999;-webkit-transform:translateZ(0);'>
<div><a id='close-fixedban' onclick='document.getElementById(&apos;fixedban&apos;).style.display = &apos;none&apos;;' style='cursor:pointer;'><img alt='close' src='http://1.bp.blogspot.com/-_A83iDM6JYc/VhtxROLILrI/AAAAAAAADK4/aM4ikIA6aqI/s1600/btn_close.gif' title='close button' style='vertical-align:middle;'/></a></div>
<div style='text-align:center;display:block;max-width:728px;height:auto;overflow:hidden;margin:auto'>
<a href='#' title='Banner iklan disini'><img style='max-width:100%;height:auto;vertical-align:middle;' alt='Banner iklan disini' src='http://3.bp.blogspot.com/-9h86Fhn6zZU/VhtxRDTM4qI/AAAAAAAADK0/fQN3Z00kWwk/s1600/arlina-tea.png'/></a>
</div>
</div>
</b:if>

Namun ada sedikit perbedaan,ketika anda pengguna adsense,untuk menampilkan iklan adsense padanblog utama anda,silahkan anda memakai kode script dibawah ini :

<script type='text/javascript'>
$(document).ready(function() {$(&#39;img#closed&#39;).click(function(){$(&#39;#bl_banner&#39;).hide(90);});});
</script>
<div id='fixedban' style='width:100%;margin:auto;text-align:center;float:none;overflow:hidden;display:scroll;position:fixed;bottom:0;z-index:999;-webkit-transform:translateZ(0);'>
<div><a id='close-fixedban' onclick='document.getElementById(&apos;fixedban&apos;).style.display = &apos;none&apos;;' style='cursor:pointer;'><img alt='close' src='http://1.bp.blogspot.com/-_A83iDM6JYc/VhtxROLILrI/AAAAAAAADK4/aM4ikIA6aqI/s1600/btn_close.gif' title='close button' style='vertical-align:middle;'/></a></div>
<div style='text-align:center;display:block;max-width:728px;height:auto;overflow:hidden;margin:auto'>
Letakkan kode iklan adsense anda disini
</div>
</div>

Baik mungkin hanya itu saja yng bisa admin berikan tentang " Cara Mudah Membuat Banner Iklan melayang responsive,
semiga bermanfaat dan salam dari seoblogger.id

0 Response to "Cara Membuat Banner Iklan Melayang di Blogger"

Post a Comment

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel