Laborblog

Category: Adsense Floating Ads

  • How to Make Responsive Floating Adsense Ads under the Blog

    www.laborblog.my.id - On this occasion laborblog.my.id will try to give tips on how to make floating ads easily. If you want to place floating ads, you have to be careful, don't let these ads disturb your blog visitors.

    Screenshot
    On this occasion laborblog.my.id will try to give tips on how to make floating ads easily. If you want to place floating ads, you have to be careful, don’t let these ads disturb your blog visitors.


    Sticky fixed ads placed at the bottom of the screen have a pretty solid click-through rate. Because of its performance, blog visitors will continue to see ads even if the article is scrolled down or up. , it will have a higher clickthrough potential (CTR). So how do you make a floating ad? Let’s see the tips below.
    Easy Ways to Make Floating Adsense Ads
    1. Open Blogger and Theme
    The first thing to do is go to blogger.com, then select a theme and edit the html code.
    Warning! : Before modifying the blog template, it is recommended to make a backup first, if there is an error it can be fixed immediately.
    2. Create Responsive Ads and Edit Code
    The second way, create a new ad in responsive format, then copy the adsense code into the text as marked below.

    <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/AVvXsEhclRDQZWqGVHmf1si9GTOlj-GAtAcNDA2TWpO4mrgttAwRDvOT74pcD_lBPspiNxF2SAO_EnysDgYmVA0EAVD4iR3yQ2AIstgUwROXMqEdoKhXk0fQhwWVmwhL2-JwQBjqzzdLNmqsK14/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–>

    3. Put the above code above </body>
    When finished creating the script above, copy and paste it above the code </body>
    4. Save
    If the steps are done correctly, it will look like this .


    Accordingly the article “How to Make Responsive Floating Adsense Ads under the Blog” may be useful. If there is a tutorial that is not clear, you can leave a comment below. Happy reading and blogging…

  • Cara Membuat Iklan Adsense Melayang Responsive dibawah Blog

    www.laborblog.my.id - Pada kesempatan kali ini saya akan memberikan tips cara membuat floating ads dengan mudah. Jika Anda ingin memasang iklan melayang, Anda harus berhati-hati, jangan sampai iklan tersebut mengganggu pengunjung blog Anda.

    Tangkapan Layar | Istimewa
    Pada kesempatan kali ini saya akan memberikan tips cara membuat floating ads dengan mudah. Jika Anda ingin memasang iklan melayang, Anda harus berhati-hati, jangan sampai iklan tersebut mengganggu pengunjung blog Anda.


    Iklan melayang tetap (sticky fixed ads) yang ditempatkan di bagian bawah layar memiliki nilai rasio klik-tayang yang cukup solid. Karena kinerjanya, pengunjung blog akan terus melihat iklan meskipun artikel di-scroll ke bawah atau ke atas. , itu akan memiliki potensi klik-tayang (RKT) yang lebih tinggi. Nah bagaimana cara membuat iklan melayang nya bro? Yuk simak tipsnya di bawah ini.
    Cara Mudah Membuat Iklan Adsense Melayang
    1. Buka Blogger dan Theme
    Hal pertama yang harus dilakukan adalah masuk ke blogger.com, lalu pilih theme dan edit kode htmlnya.
    Peringatan ! : Sebelum memodifikasi template blog, saran saya buat backup dulu, jika ada kesalahan bisa segera diperbaiki.
    2. Buat Iklan Responsive dan Edit Kode
    Cara kedua, buat iklan baru dalam format responsive, lalu copy kode adsense ke teks yang saya tandai di bawah 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://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhclRDQZWqGVHmf1si9GTOlj-GAtAcNDA2TWpO4mrgttAwRDvOT74pcD_lBPspiNxF2SAO_EnysDgYmVA0EAVD4iR3yQ2AIstgUwROXMqEdoKhXk0fQhwWVmwhL2-JwQBjqzzdLNmqsK14/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–>

    3. Letakkan Kode Diatas diatas </body>
    Setelah selesai membuat skrip di atas, salin dan letakkan di atas kode </body>
    4. Simpan
    Apabila langkah demi langkah dilakukan dengan tepat, maka akan terlihat seperti ini.


    Demikian artikel “Cara Membuat Iklan Adsense Melayang Responsif dibawah Blog” semoga bermanfaat. Jika ada tutorial yang kurang jelas bisa comment dibawah. Selamat membaca dan ngeblog…