Skip to main content

Memasang Fixed Banner Ads Responsive Dengan Tombol Close

Senin, 05 April 2021

Memasang Fixed Banner Ads Responsive Dengan Tombol Close - Kemarin kita sudah membuat tombol whatsapp melayang dan pada kesempatan ini kita akan membahas bagaimana membuat banner iklan melayang namun tidak menggangu tampilan halaman blog.

Sebagai admin kita harus cermat mengamati blog kita dan menempatkan widget sebagaimana mestinya agar tampilan halaman blog anda tetap terjaga alias rapih. Untuk itu jika kamu membutuhkan space buat iklan banner namun bingung penempatannya karena halaman anda sudah penuh, cobalah trik blogger yang satu ini.

Banner yang akan kita pasang ini persis melayang center di atas footer blog anda dengan menggunakan tombol close, sehingga bila pengunjung enggan melihat bannernya bisa langsung menutupnya.

Memasang Fixed Banner Ads Responsive Dengan Tombol Close

Menurut saya Memasang Fixed Banner Ads Responsive Dengan Tombol Close, ini sangat efisien dan mungkin bila anda memerlukannya bisa coba dan simak langkahnya berikut ini.

Pertama tentunya sobat masuk keditor tempate (edit html) lalu cari kode </body> kemudian letakan kode ini di atasnya.

<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='Url Banner Anda'/></a>
</div>
</div>

Save template.

Keterangan: Anda hanya perlu sesuaikan kode yang saya tandai, siapkan banner ukuran 728x90

Demikian informasi tentang Memasang Fixed Banner Ads Responsive Dengan Tombol Close, semoga bermanfaat dan coba juga Membuat Pesan Melayang Keren Ala Blog Jejak Unik.

Bagikan:

Hallo sobat! blog.jejakunik.com membuka kesempatan untuk anda mempromosikan Produk atau Jasa secara GRATIS pada blog ini. Detailnya bisa kamu lihat di CLICK HERE
Judul: Memasang Fixed Banner Ads Responsive Dengan Tombol Close Silahkan berikan komentar Anda.
Buka Komentar
Tutup Komentar