Memasang Iklan Melayang Responsive Dengan Tombol Close

Advertisement

Masukkan script iklan 970x90px

Memasang Iklan Melayang Responsive Dengan Tombol Close

Memasang Iklan Melayang Responsive dengan Tombol Close Memasang Iklan Melayang Responsive dengan Tombol Close

Memasang Iklan Melayang Responsive dengan Tombol Close - Apa kabar sobat blogger, kali ini akan memperlihatkan tutorial wacana cara memasang iklan melayang (Fixed ad banner atau text) yang sudah responsive dengan aksesori tombol close di bawah blog.

Sebagian besar orang memulai blog alasannya hobi, namun ada juga yang memiliki tujuan untuk mencari teman, meningkatkan penjualan toko online, menghasilkan uang dan lain sebagainya. Sebagai sarana pendukung acara ngeblog, sobat dapat memasang space iklan di blog untuk membantu advertiser mempromosikan produknya.

Iklan banner yang melayang dengan aksesori tombol close mungkin sering sobat temui di blog atau lembaga yang memasangnya. Tombol close ini berfungsi sebagai alternatif jikalau pengunjung merasa terganggu alasannya konten yang ia baca terhalang oleh banner yang melayang.

Berikut Cara Memasang Iklan Melayang Responsive dengan Tombol Close


Buka Blogger > Template > Kemudian tambahkan arahan di bawah ini sebelum </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/AVvXsEhiDybtmCbtrTVoRsgXFiDiZZOy4IEtDFWbixim1aoq3HxdmYPOpD8Lut9bHaGV28O1V9kSF825xgLLv16gyNSj2TQsBcQCY062PmTxjE0z0XVY25Lxri0V1Gk5JbA-5IorkmrsETt4X9iF/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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgaOL2ULJyzA56sfb8fOhznsROfBzMYzLxiIqAllmUoDj5qI9ecuPmosnhLY72XabOwxIrIgXYClqxCIkF2d8s2DLUgAL-MQeHHVsyaI3Exdcufn5prE-Z3z9zHMLjrPdsS_1oYrFkUllRs/s1600/arlina-tea.png'/></a> </div> </div>

Ganti lebar dan keterangan iklan pada arahan yang ditandai sesuai keinginan.

Simpan template.


Demikian wacana Cara Memasang Iklan Melayang Responsive dengan Tombol Close, biar bermanfaat bagi sobat semua.

Referensi : https://www.partylike.me/search?q=cara-membuat-iklan-melayang-di-blog