Membuat Iklan Melayang di Bawah Blog Dengan Tombol Close Responsive

Tips blog kali ini ialah cara memasang/membuat iklan (banner-text) melayang di bawah blog dengan tombol close dan iklan tampil responsive. Membuat atau menyediakan space iklan baik iklan banner dan text di bawah postingan atau dengan efek floating biasanya diterapkan pada blog yang sudah terkenal yang banyak menyediakan space iklan. Penggunaan posisi iklan semacam ini tentu saja untuk menghasilkan dan mencari keuntungan dari blog tersebut.

Baca juga: Cara Membuat Sitemap/Daftar Isi Berdasarkan Label Secara Otomatis

Dasar script pembuatan iklan melayang di bawah blog dengan tombol close ini sangat simple nan sederhana hanya menggunakan sedikit JavaScript dan tidak memerlukan perangkat jQuery library. Sehingga tidak akan mengganggu loading blog.

Hanya saja jika iklan (misalnya iklan banner) dengan lebar 728px atau 970px tampilannya menjadi terpotong jika tayang diperangkat mobile/ponsel. Maka dari itu pada tutorial ini ditambahkan beberapa sentuhan CSS agar iklan banner tersebut akan tampil responsive untuk semua device.
Membuat Iklan Melayang di Bawah Blog Dengan Tombol Close Responsive
Anda tertarik menambah space iklan melayang seperti yang dicontohkan pada gambar di atas? Mari ikuti caranya berikut ini.

Cara Membuat Iklan Melayang/Floating Ads Responsive dengan Tombol Close

1. Login ke blogger, masuk ke dasbor, klik Template > Edit HTML.
2. Cari kode </body> dan letakkan kode berikut ini di atasnya.
<script type='text/javascript'>
        $(document).ready(function() {$(&#39;img#closed&#39;).click(function(){$(&#39;#btm_banner&#39;).hide(90);});});
</script>
        <!--start: floating ads-->
        <div id='floatads' style='width:100%;margin:auto; text-align:center;float:none;overflow:hidden; display:scroll;position:fixed; bottom:0;z-index:9999'>
         <div><a id='close-floatads' onclick='document.getElementById(&apos;floatads&apos;).style.display = &apos;none&apos;;' style='cursor:pointer;'><img alt='close' src='https://3.bp.blogspot.com/-ZZSacDHLWlM/VhvlKTMjbLI/AAAAAAAAF2M/UDzU4rrvcaI/s1600/btn_close.gif' title='close button'/></a></div>
    <div style='text-align:center;display:block;max-width:728px;height:auto;overflow:hidden;margin:auto'>
        <!--Script iklan-->
<a href='www.bungfrangki.com' title='Banner iklan disini'><img style='max-width:100%;height:auto' alt='Banner iklan disini' src='https://4.bp.blogspot.com/-Af0Oi3py79s/VOtDq_sCXhI/AAAAAAAADcg/mE6LpkpQpbA/s1600/advertise-728x90.png'/></a>
<!--Akhir script iklan-->
        </div>
</div><!--end: floating ads-->

  • Kode yang berwarna biru adalah lebar iklan, jika ingin memasang iklan lebih lebar dari ukuran itu contoh 970px, ubah max-width:728px menjadi max-width:970px. Namun kalau lebar iklan lebih kecil dari 728px maka tidak perlu mengubah kode (ukuran) tersebut.
  • Kode yang berwarna merah adalah script iklan, ganti dan sesuaikan dengan kode iklan anda.

4. Simpan template, lihat hasilnya dengan membuka kembali blog.

Bagaimana, cukup gampang bukan? Demikian tutorial tentang cara membuat iklan melayang dengan tombol close di bawah blog. Semoga membantu dan sukses selalu.
Niagahoster
VPS Starts from
$2.5
/Month

Vultr

Read Review
  • One-click installation of 20+ apps
  • Available 17 worldwide locations
  • 100% local SSD and high performance Intel CPUs
  • Infinite OS combinations
Visit Site
Gunakan link di atas untuk saldo akun $100 gratis
DigitalOcean
VPS Starts from
$5
/Month

DigitalOcean

Read Review
  • Deploy custom image, RDP, 1-Click App, or standard distribution
  • Flexibility and scalability
  • Fantastic average uptime of 99.99%
  • Infinite OS combinations (Linux and Windows)
  • Developer-friendly tools and APIs
Visit Site
Topup $25 to gets $100 in credit over 60 days with refer link above
Niagahoster
Mulai dari
Rp10K
/Bulan

Niagahoster

View Details
  • Free SSL Certificate
  • Garansi 30 hari
  • Free domain & website migration
  • Tersedia unlimited disk space (shared hosting, kecuali paket bayi)
Visit Site
Diskon unlimited hosting hingga 75%
Niagahoster
VPS mulai dari
Rp68
/Jam

IDCloudHost

View Details
  • One-Click Deploy
  • Lokasi server Indonesia termurah
  • Instal berbagai Control Panel, VM, OS dan aplikasi
  • Menghubungkan dengan API
Visit Site
Dapatkan free credit Rp50K dengan minimal topup Rp50K

Komentar telah ditutup dan disembunyikan. Jika ada yang perlu disampaikan silahkan kirim pesan lewat laman kontak.