Memasang Iklan Melayang di Bawah Blog dengan Tombol Close Responsif

Kali ini, saya ingin share lagi sebuah artikel mengenai Cara Memasang Iklan Melayang di Bawah Blog dengan Tombol Close Responsif. Jenis iklan melayang yang berada di bawah blog biasanya lebih sering dilihat oleh pengujung blog kamu karena ya, Iklannya melayang bersamaan dengan pengunjung menscroll halaman blog kita. Sebenarnya membuat Memasang Iklan Melayang di Bawah Blog dengan Tombol Close Responsif lumayan cukup simple. Hanya dibutuhkan sedikit kesabaran dan kamu pasti bisa membuat jenis iklan seperti itu. 

Dasar script iklan melayang di bawah blog dengan tombol close ini lumayan simple nan sederhana, menggunakan tidak banyak Javascript dan tidak membutuhkan jQuery Library . Sehingga tidak bakal mengganggu loading blog kamu.

Hanya saja, iklan dengan ukuran width 728px atau 970px tampilannya menjadi terpotong saat tayang diperangkat mobile/ponsel. Maka, pada tutorial ini ditambahkan sejumlah sentuhan CSS supaya iklan banner itu akan tampil responsive untuk seluruh device.

Cara Memasang Iklan Melayang/Floating Ads dengan Tombol Close Responsif

1. Login ke Blogger, kemudian masuk ke Dashboard dan pilih Tema > Edit HTML.
2. Cari kode <body> , kemudian letakkan kode di bawah ini di atas kode tadi.

Baca Juga

  • Lazy Load, Cara Mudah Mempercepat Waktu Loading Blog
  • Cara Membuat Blockquote Kotak Catatan Keren di Blog
  • 3 Cara Mudah Menghapus Virus di Android
Kamu dapat mencari kode <body> dengan menggunakan CTRL+F

<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://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpCFhYHVs2Koc16DdAQXBz4zP1r-D1-LPFMPZpPEmA-Pfc0U9G_XjsKwXvEUQKEybeagcPGpvX3bAzIvTrm2BSi0G7aHkYJAKILFbLfwU1e0XySvs2AmSGUKYWOGPljz5MNeD_SY368cw/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.WEBSITEKAMU.COM' title='Banner iklan disini'><img style='max-width:100%;height:auto' alt='Banner iklan disini' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLt14Man62FDFHR9yNyFUJgKB5zO-KPRqMHjTXE49trmbfw0ULF-YhTQmVZXKHanGgXO0UVmB_z8hrJDjIC4HzIenStGqqK9gQxWlJ-9mZ2KfwqC-XesHZZ8DORQWb1zo3oDhiEBMLoqc/s1600/advertise-728x90.png'/></a>
<!--Akhir script iklan-->
 </div>
 </div><!--end: floating ads-->
  • Kode max-width:728px 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 <a href="https://www.blogger.com/WWW.WEBSITEKAMU.COM" title="Banner iklan disini"><img alt="Banner iklan disini" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLt14Man62FDFHR9yNyFUJgKB5zO-KPRqMHjTXE49trmbfw0ULF-YhTQmVZXKHanGgXO0UVmB_z8hrJDjIC4HzIenStGqqK9gQxWlJ-9mZ2KfwqC-XesHZZ8DORQWb1zo3oDhiEBMLoqc/s1600/advertise-728x90.png" style="height: auto; max-width: 100%;" /></a> <!--Akhir script iklan--> adalah script iklan, ganti dan sesuaikan dengan kode iklan kamu
4. Simpan Template
Hanya dengan menambahkan kode di atas, sekarang kamu suda selesai memasang iklan ,melayang / floating ads di bagian bawah blog kamu dengan tombol close responsif. Demikian artikel dari saya mengenai Memasang Iklan Melayang di Bawah Blog dengan Tombol Close Responsif, semoga dapat membantu.

Komentar

Posting Komentar

Postingan populer dari blog ini

Contoh tindakan dan kata-kata perhatian untuk pacar biar makin sayang

Gambar
Contoh tindakan dan kata-kata perhatian untuk pacar biar makin sayang  - Beri perhatian kepacar sudah tentu hal yang lazim dan memang harus dilakukan agar si doi makin sayang dan cinta, karena dengan memberikan rasa perhatian akan membuat hubungan semakin erat dan langgeng. Bila pacaran sikap ego harus di buang jauh-jauh rentan hubungan putus banyak disebabkan oleh sikap egois yang terlalu tinggi, sehingga hubungan kandas di tengah jalan. Bila menunjukkan rasa perhatian tidak perlu berlebihan, cukup dengan kata-kata saja pacar anda pasti makin sayang dan bila dilakukan dengan tindakan lebih bagus lagi, tunjukkan sikap yang care dalam masalah apapun paling tidak anda itu mengerti si dia. Berpacaran itu diibaratkan sepasang insan mengayuh sebuah kapal, bila hanya seorang yang mengayuh sudah pasti kapal tidak akan sampai tujuan, jadi harus secara bersamaan agar tujuan dari pacaran anda dapat berjalan sesuai dengan rencana. Berikut bila anda kehabis akal dalam memberi rasa perhatia
Baca selengkapnya

Cara Bermain Mobile Legend di Android RAM 1 GB

Gambar
Main Mobile Legend di Android RAM 1 GB -  Hai sob, kali ini saya mau share cara Main Mobile Legend di Android RAM 1 GB . Kamu suka main ML atau mobile legend? kalo iya, berarti kita sama. Tapi, kalau kamu main mobile legend, pasti kamu ingin agar gameplaynya smooth atau lancar karena kalau sedikit aja ada lag, kamu akan langsung di kill musuh. Banyak penyebab lag di mobile legend. Salah satunya adalah RAM HP android mu yang kurang. Standar untuk main mobile legend dengan smooth adalah HP kamu harus punya RAM minimal 2 GB (Standar RAM ini bervariasi sesuai dengan spek HP). Jadi, jika kamu merasakan lag saat main Mobile Legend dengan HP Android Ram 1 GB, maka saya akan memeberikan cara untuk mengatasi lag tersebut. Main Mobile Legend di Android RAM 1 GB 1. Menstabilkan Koneksi Internet Koneksi internet yang stabil merupakan keharusan yang mesti kamu penuhi bila kamu ingin bermain Mobile Legends secara lancar. Saya sarankan untuk memakai jaringan 4G LTE atau memakai router
Baca selengkapnya