Cara Membuat Iklan Adsense Melayang Responsif untuk Blog

Cara Membuat Iklan Adsense Melayang Responsif untuk Blog


Cara Membuat Iklan Adsense Melayang Responsif untuk Blog - Pada kesempatan ini saya akan memberikan tips tentang adsense membuat iklan melayang secara mudah. Jika anda ingin memasang iklan melayang anda harus hati-hati, jangan sampai iklan tersebut mengganggu pengunjung blog anda.

Iklan melayang tetap (sticky fixed ads) yang ditempatkan di paruh bawah layar mempunyai nilai rasio klik yang cukup mantab. Karena secara kinerjanya, pengunjung blog akan terus melihat iklan tersebut meskipun artikel discroll ke bawah atau ke atas akan memiliki potensi klik (RKT) yang lebih besar.  

Terus bagaimana gan cara membuat iklan melayang ? yuk simak tips dibawah ini.


Cara Membuat Iklan Adsense Melayang dengan Mudah

Adapun tutorial membuat iklan melayang adsense responsif di semua laptop/pc/android sebagai berikut.

Langkah 1: Buka Blogger dan Theme

Hal yang pertama yang anda lakukan adalah membuka blogger.com dan kemudian pilih theme dan edit html.

Perhatian! : Sebelum mengedit template blog, saran saya di backup dulu. Jika nanti ada error bisa segera teratasi.
Baca JugaJasa Backlink PBN

Langkah 2: Buat Iklan Responsive dan Edit Kode

Cara kedua yaitu silahkan membuat iklan baru format responsive, kemudian copy kode adsense tersebut ke tulisan yang saya tandai dibawah ini.

<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-->
[Masukaniklandisini]
<!--Akhir script iklan-->
        </div>
 </div><!--end: floating ads-->

Langkah 3: Letakkan Kode Diatas diatas </body>

Setelah selesai membuat script diatas, kemudian copy script tersebut dan letakkan diatas kode </body>.

Langkah 4: Simpan

Jika semua sudah selesai anda lakukan, langkah terakhir adalah menyimpan tema tersebut.

Penutup

Demikian artikel Cara Membuat Iklan Adsense Melayang Responsif untuk Blog, semoga bermanfaat.

Apabila ada tutorial yang kurang jelas, anda bisa berkomentar dibawah ini.

Selamat Membaca dan Blogging...
Next Post Previous Post
2 Comments
  • mudhsroom
    mudhsroom 10 August, 2021 12:30

    Berlaku juga untuk wordpress nggak Ngab?

    • Ahmad Ansori
      Ahmad Ansori 12 August, 2021 12:02

      kalau wordpress bisa pakai plugin gan.

      Kalau di theme wpberita lewat pengaturan > https://www.ansoriweb.com/p/theme-wpberita.html

Add Comment
comment url