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 embel-embel tombol close di bawah blog.

Sebagian besar orang memulai blog sebab 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 embel-embel tombol close mungkin sering sobat temui di blog atau lembaga yang memasangnya. Tombol close ini berfungsi sebagai alternatif jikalau pengunjung merasa terganggu sebab konten yang ia baca terhalang oleh banner yang melayang.

Berikut Cara Memasang Iklan Melayang Responsive dengan Tombol Close

Buka Blogger > Template > Kemudian tambahkan aba-aba 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/AVvXsEjsCbhB6RDpAOcZ5ucGdVPxz_l0-zAv409i_zq3Bti-iMx249Bqba2dp3oquoFGKTEPCFYyZlKQTFe7lfS8iMEzN379wxMUkC7xi0YX7qfrk8QBaBrhogMT5_MS3HfptLx05lBM49mYTdiU/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>

Ganti lebar dan keterangan iklan pada aba-aba yang ditandai sesuai keinginan.

Simpan template.

Result

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

Referensi :