Memasang Iklan Melayang Responsive dengan Tombol Close

10/12/2015
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

Artikel Terkait

Next Article
« Prev Post
Previous Article
Next Post »
Penulisan markup di komentar
  • Untuk menulis huruf bold gunakan <strong></strong> atau <b></b>.
  • Untuk menulis huruf italic gunakan <em></em> atau <i></i>.
  • Untuk menulis huruf underline gunakan <u></u>.
  • Untuk menulis huruf strikethrought gunakan <strike></strike>.
  • Untuk menulis kode HTML gunakan <code></code> atau <pre></pre> atau <pre><code></code></pre>, dan silakan parse kode pada kotak parser di bawah ini.

Blogger
Disqus
Pilih Sistem Komentar Yang Anda Sukai

5 comments

Terima kasih atas berbagi ilmunya

Balas

pas banget, gan
saya sudah coba, hasil oke banget.
Thanks ya
Boleh nitip jg ya

nonton film online gratis asia barat 18+ sub indo

Balas

makasih ilmunya..ternyata mudah..

Balas

teh, teteh bikin template pake framwork apa?

Balas

Cara ini melangggar TOS gak ya mbak?

Balas

Silakan tambahkan komentar sesuai dengan topik dan komentar dengan link akan dihapus, terima kasih.