-->

Cara Memasang/Membuat Iklan Melayang Responsive Dengan Tombol Close

Cara Memasang/Membuat Iklan Melayang Responsive Dengan Tombol Close – Merupakan salah satu cara untuk meningkatkan jumlah pendapatan klik iklan kita, kenapa demikian? Karena dengan memasang atau membuat iklan melayang yang sudah responsive maka pengunjung mau tidak mau suka tidak suka mereka harus mengklik iklan tersebut baik itu disamping, ditengah dan juga dibawah blog atau dengan mengklik tombol close 2x agar mereka dapat membaca artikel/postingan di blog sobat.

Cara Memasang Iklan Melayang Responsive Dengan Tombol Close

Cara membuat atau memasang iklan melayang dengan tombol close ini sebenarnya cukup sederhana, sobat hanya menggunakan beberapa Script iklan melayang saja dan tidak perlu menggunakan Kode CSS lainnya, jadi sobat tidak perlu khawatir dengan memasang banner iklan melayang di blog ini karena tidak akan menggangu speed loading website sobat.

Permasalahan yang terjadi jika kita memasang dan membuat iklan melayang yang sudah responsive tersebut diblog kita tampilannya sedkit terpotong jika iklan muncul pada perangkat smartphone baik itu iklan dengan lebar 728px atau iklan dengan lebar 970px, tapi sobat tidak perlu khawatir melalui panduan ini kita buat iklan melayang responsive tersebut menjadi tampil penuh pada semua smartphone.

Ingin mencoba membuat iklan melayang responsive dengan tombol close tersebut, simak panduannya berikut ini:

  • login https://www.blogger.com
  • Pilih Tema, Klik Edit HTML
  • Salin Kode berikut ini kemudian letakkan tepat berada di atas kode </body>

<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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_RmLx6dgcmPCq8PFWvTVW7EeWWo-WJSkMgpFgUSAGRxS0xPXq2ymaDggI442msevJ7ssacBAObDBQkg64wUP7TJNbpoYrUmVr4ZdltSF2-xk6V6pmIk2NmirvE9FU3OxCrkIkus05rOMR/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>
  • Jangan lupa Simpan
Penting: Ganti lebar iklan sesuai dengan keinginan sobat, ganti Banner iklan dengan kode iklan sobat
Demikian Panduan Cara Memasang/Membuat Iklan Melayang Responsive Dengan Tombol Close, jika sobat mengalami kendala atau ada yang ingin ditanyakan tinggalkan komentar dibawah ini, Happy Blogging's

Berlangganan update artikel terbaru via email:

0 Response to "Cara Memasang/Membuat Iklan Melayang Responsive Dengan Tombol Close"

Posting Komentar