Cara Membuat Iklan Melayang Atau Responsive Float Ads

Advertisement
Your Ads Here
Ymobile : Layaknya sebuah rumah, penempatan properti yang pas akan membuat rumah rapi dan terasa lebih nyaman, begitu juga dengan Ads, jika kamu meletakkannya pada posisi yang pas, blog akan terlihat lebih rapi dan nyaman untuk di kunjungi, selain menentukan jenis ikan kamu juga harus mempertimbangkan posisi iklan tersebut.

Ymobile4 Blog

Pengertian Float Ads

Mungkin kamu pernah mengunjungi sebuah website atau blog yang terdapat iklan melayang di bagian bawahnya, tidak berpaku terhdapat jenis iklan apa yang ada di dalamnya dan ia dapat mengikuti posisi layar ketika di scroll naik ataupun turun, iklan ini akan terus tampil di layar perangkat tersebut, Nah iklan inilah yang dinamakan Iklan Melayang Atau Float Ads
Dan yang akan saya bahas kali ini adalah cara membuat sebuah iklan agar terlihat melayang di bagian bawah seperti yang sudah di sebutkan di atas, selain itu iklan ini akan menyesuaikan ukuran dengan sendirinya sesuai dengan perangkat yang digunakan, atau lebih tepatnya dinamakan dengan Responsive, tentu saja iklan ini tidak mengganggu karena terdapat tombol close diatasnya, selain itu float Ads aman untuk google adsen.
Jika teman teman belum mengerti apa yang saya maksud, dibawah ini adalah sebuah contoh jenis iklan floating yang di lihat dari perangkat komputer dan smart phone

Ymobile4 - Float Ads Pc
Ymobile4 - Float Ads pada Pc
Ymobile4 - Float Ads Phone
Ymobile4 - Float Ads pada smart phone

Cara Membuat Iklan Melayang Atau Float Ads

Untuk membuat fload ads caranya cukup mudah, kamu hanya perlu menerapkan sebuah kode html yang ditambahkan iklan yang ingin kamu gunakan, baik untuk google adsen, ataupun untuk iklan jenis lainnya. berikut ini adalah Cara Membuat Iklan Melayang Atau Float Ads

1. Langkah pertama ialah login terlebih dahulu kedalam dashboard blogger.

2. Salin Kode dibawah ini dan paste ke dalam html editor, notepade, atau notepad ++

<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="https://owr.me/ref/sevenjon"><img src="https://cdn.pbrd.co/images/HowSRdp.png" title="Make short links and earn the biggest money" /></a>

<!--Akhir script iklan-->
        </div>
 </div><!--end: floating ads-->

3. Ganti kode berwarna merah dengan kode iklan kamu sendiri

4. Pada blogger pilih menu tema, silahkan back up terlebih dahulu tema yang kamu gunakan untuk cadangan ketika nanti di butuhkan, simpan ke dalam sebuah notepad.

5. Cari sebuah code </body> pada tema yang kamu gunakan. Gunakan fitur pencarian CTRL + F untuk mempercepat pencarian

6.  Setelah di temukan, silahkan letakkan kode dari tahap ke 2 di atas yang sudah kamu rubah kode ads-nya di atas </body>

7. Simpan pengaturan, dan silahkan lihat hasinya.

Semoga dengan menggunakan Float Ads Responsive ini akan menambah peghasilan ads kamu, karena iklan ini akan tampil mengikuti layar pada perangkat yang membukanya walaupun halaman website di scrol ke bagian bawah maupun ke atas. Saya Admin Seven sampai jumpa dilain kesempatan.
Advertisement
Your Ads Here

You might also like

0 Comments


EmoticonEmoticon