Cara Terbaru Membuat Iklan Melayang Di Blog Dengan Mudah ( Floating Ads ) Responsive - Lapak Info
News Update
Loading...

Sunday, 10 May 2020

Cara Terbaru Membuat Iklan Melayang Di Blog Dengan Mudah ( Floating Ads ) Responsive

Lapakinfo.net
Lapakinfo.net - Pada kesempatan kali ini saya akan membagikan sebuah tutorial yaitu Cara Terbaru Membuat Iklan Melayang Di Blog Dengan Mudah ( Floating Ads ) Responsive, tujuan dari tutorial ini yaitu untuk meningkatkan klik pada blog kalian, selain untuk meningkatkan klik pada blog kalian dengan membuat iklan melayang juga bisa meningkatkan earning iklan kalian. Biasanya iklan dengan banner yang ukurannya 728px dan juga 970px akan terpotong bila di pasang di mobile ( Tidak Reponsive ), akan tetapi pada tutorial ini saya akan sedikit menambahkan kode CSS supaya untuk ukuran tersebut akan responsive bila di buka lewat mobile.

Untuk pembuatannya pun cukup mudah kalian hanya menambahkan beberapa kode JavaScript dan sedikit CSS, yang pasti dalam pembuatan iklan melayang ini saya tidak menggunakan kode Jquery Library sehingga tidak mengganggu atau memberatkan loading iklan dan loading blog kalian, yang pasti sangat sederhana. Jika kalian mau membuat iklan melayang ( floating ads ) di blog kalian silahkan ikuti tutorialnya di bawah ini.

Cara Terbaru Membuat Iklan Melayang Di Blog Dengan Mudah ( Floating Ads ) Reponsive


1. Buka Blog kalian.
2. Pilih Tema lalu pilih Edit HTML.
3. Salin kode di bawah ini dan letakan di atas kode </body>.
<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'>
<!-- Awal Script iklan-->
<!-- LETAKAN IKLAN DISINI 728x90 -->
<!--Akhir script iklan-->
</div>
 </div><!--end: floating ads-->

4. Simpan template kalian.
Catatan : Untuk kode max-widh:728px ( Lebar Banner ), jika kalian ingin memasang iklan dengan lebar 970 maka rubah saja bagian 728 menjadi 970 yang nanti hasilnya akan seperti ini max-widh:970px, tapi jika ukuran lebar iklan kalian di bawah 728 maka kalian tidak usah merubah kode ukuran tersebut.
5. Hapus kode <!-- LETAKAN IKLAN DISINI 728x90 --> lalu ganti dengan kode iklan kalian.
6. Selesai.

Bagaimana sangat mudah bukan untuk tutorial Cara Terbaru Membuat Iklan Melayang Di Blog Dengan Mudah ( Floating Ads ) Reponsive, jika kalian memiliki pertanyaan seputar postingan di atas silahkan bertanya pada kolom komentar di bawah ini. Semoga bermanfaat dan Terimakasih atas kunjungannya.
Add your opinion
Berikan Komentar
Notification
This is just an example, you can fill it later with your own note.
Done