Lompat ke konten Lompat ke sidebar Lompat ke footer

Cara Membuat Iklan Adsense Floating Responsif Untuk Blog

Cara Membuat Iklan Adsense Floating Responsif Untuk Blog
Gambar iStock


 Cara Membuat Iklan Adsense Floating Responsif Untuk Blog | dalam hal ini saya akan memberikan tips tentang adsense agar mudah membuat iklan floating. Jika Anda ingin mengaktifkan floating ads, harap berhati-hati agar iklan tersebut tidak mengganggu pengunjung blog Anda.


Iklan tetap yang ditempatkan di bagian bawah rasio layar sangat akurat. Karena dari segi performa, walaupun artikel di-scroll ke bawah atau ke atas, pengunjung blog akan tetap melihat iklan, sehingga memiliki click-through rate (CTR) yang lebih besar.


Lalu, bagaimana cara membuat floating ads? Yuk kita simak tips di bawah ini.


Cara mudah membuat iklan Floating Adsense

Tutorial membuat floating ads Adsense responsif di semua laptop / PC / Android adalah sebagai berikut.


Langkah 1: Buka Blogger dan tema

Hal pertama yang harus Anda lakukan adalah pergi ke blogger.com, lalu pilih tema dan edit html.


catatan! : Sebelum mengedit template blog, saran saya buat backup dulu. Jika ada kesalahan, bisa segera diatasi.


Langkah 2: Buat iklan responsif dan ubah kodenya

Metode kedua adalah membuat format iklan responsif baru dan menyalin 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://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 di atas </ body>

Setelah menyelesaikan script diatas, copy script tersebut dan letakkan diatas kode </ body>.


Langkah 4: Simpan

Jika Anda sudah melakukan semuanya, maka langkah terakhir adalah menyimpan tema.


Penutup

Kami harap artikel ini bermanfaat bagi Anda.


Jika ada tutorial yang tidak jelas, silakan komen di bawah.


Selamat membaca dan ngeblog ...

Hikam Fajri ®
Hikam Fajri ® Gue Hikam Fajri orangnye suka ngopi. Hehe... Jika ada pertanyaan, kritik, atau saran bisa langsung hubungin gue ke alamat Email [email protected]

1 komentar untuk "Cara Membuat Iklan Adsense Floating Responsif Untuk Blog"

Berlangganan via Email

close
close
Getfile