Memasang Iklan Melayang Responsive dengan Tombol Close - Arlina Design
Memasang Iklan Melayang Responsive dengan Tombol Close

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

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

Iklan banner yang melayang dengan tambahan tombol close mungkin sering sobat temui di blog atau forum yang memasangnya. Tombol close ini berfungsi sebagai alternatif jika pengunjung merasa terganggu karena konten yang ia baca terhalang oleh banner yang melayang.

Berikut Cara Memasang Iklan Melayang Responsive dengan Tombol Close


Buka Blogger > Template > Kemudian tambahkan kode 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='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>

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

Simpan template.


Demikian tentang Cara Memasang Iklan Melayang Responsive dengan Tombol Close, semoga bermanfaat bagi sobat semua.

Referensi : http://www.bungfrangki.com/2015/10/cara-membuat-iklan-melayang-di-blog.html

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 Arlina Design akan memberikan tutorial tentang cara memasang iklan melayang (Fixed ad banner atau text) yang sudah responsive dengan tambahan tombol close di bawah blog.

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

Iklan banner yang melayang dengan tambahan tombol close mungkin sering sobat temui di blog atau forum yang memasangnya. Tombol close ini berfungsi sebagai alternatif jika pengunjung merasa terganggu karena konten yang ia baca terhalang oleh banner yang melayang.

Berikut Cara Memasang Iklan Melayang Responsive dengan Tombol Close


Buka Blogger > Template > Kemudian tambahkan kode 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='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>

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

Simpan template.


Demikian tentang Cara Memasang Iklan Melayang Responsive dengan Tombol Close, semoga bermanfaat bagi sobat semua.

Referensi : http://www.bungfrangki.com/2015/10/cara-membuat-iklan-melayang-di-blog.html
Portal Bola Online

Related Post

Portal Bola Online
Disqus Codes
  • To write a bold letter please use <strong></strong> or <b></b>
  • To write a italic letter please use <em></em> or <i></i>
  • To write a underline letter please use <u></u>
  • To write a strikethrought letter please use <strike></strike>
  • To write HTML code, please use <code></code> or <pre></pre> or <pre><code></code></pre>
    And use parse tool below to easy get the style.
Show Parser Box

strong em u strike
pre code pre code spoiler
embed

Subscribe Our Newsletter

Notifications

Disqus Logo