Membuat loading animasi iklan adsense

Ar-rahim 🇵🇸

Diperbarui: 12 Nov, 2024 • 0 • menit membaca

Daftar Isi

Hello sobat icloudZer kai ini admin bakalan menjabarkan mengenai cara membuat loading iklan pada adsense terbaru dengan tampilan yang responsive dan juga cepat pastinya

Info: Jika kamu penasaran dengan pembahasan kita kali ini yuk langsung aja kita bahas bersama sama

Loading Ads

Sobat icloudZer jika kamu pemilik website kemudian website mu tersebut sudah menampilkan iklan, alias sudah bisa menghasilkan uang melalui website, gak ada salahnya membuat tampilan iklan kamu menjadi lebih menarik, bagaimana caranya? salah satunya menambahkan loading pada iklan adsense agar kelihatan keren

Menggunakan CSS

Untuk membuat tampilan loading adsense tersebut cukup di buat menggunakan kode CSS saja tanpa ada unsur penggunaan kode Apapun, namun nanti admin bakalan memberikan Script cadangan jika tampilan loading ads menggunakan CSS tidak berfungsi sebagai kewaspadaan aja

Info: Biasanya sih jika tidak menggunakan Script tambahkan akan membuat tampilan loading ads berfungsi secara terus menerus alias gagal berfungsi

Memasang Script Tambahan

Seperti yang sudah admin jelaskan sebelumnya, sebagai ke waspadaan saja jikalau loading animasi iklan adsense tidak muncul alias tidak berfungsi, admin telah menyediakan kode Script tambahan yang bisa kamu gunakan dan ikuti saja setiap penjelasan dan penjabaran yang admin tuliskan di bawah yak untuk membuat loading animasi iklan tersebut secara benar

Contoh Tampilan

Jika kamu penasaran bagaimana kah contoh tampilan dari loading animasi iklan tersebut silahkan kamu gunakan tombol di bawah ini untuk memeriksa nya

Periksa

Info: Hehehe bagaimana sobat dengan contoh tampilan nya keren sekali yak

Cara Pembuatan

Baiklah sekarang saatnya admin bakalan menjabarkan mengenai bagaimana caranya membuat dan menampilkan loading iklan pada adsense terbaru, jika kamuboenasaran silahakan baca terus artikel berikut ini hingga selesai ok

Kode CSS

Langkah pertama yang bisa kamu lakukan adalah meyalin kode CSS di bawah ini kemudian kamu bisa meletakkan nya di atas kode ]]</b:skin>

.adsbygoogle{background:transparent url("data:image/svg+xml, <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMidYMid meet'><path fill='rgba(221,221,221,1)' opacity='.5' d='M12 2A10 10 0 1 0 22 12A10 10 0 0 0 12 2Zm0 18a8 8 0 1 1 8-8A8 8 0 0 1 12 20Z'></path><path fill='rgba(17, 154, 245, 1.0)' d='M20 12h2A10 10 0 0 0 12 2V4A8 8 0 0 1 20 12Z'><animateTransform attributeName='transform' dur='0.3s' from='0 12 12' repeatCount='indefinite' to='360 12 12' type='rotate'/></path></svg>") center / 26px no-repeat;background-size:45px 45px}

Info: Atau kamu bisa menggunakan tag kode <style> untuk meletakkan kode CSS di atas, jika audah silahka lihat hasilnya

Kode Javascript

Jika loading iklan adsense tersebut tidak muncul ataupun tidak berfungsi juga silahkan salin kode javascript di bawah ini kemudian letakkan di atas kode </body>

<script>/*<![CDATA[*/
// Icloudice.com
var _0xa887=["\x73\x63\x72\x6F\x6C\x6C","\x73\x63\x72\x6F\x6C\x6C\x54\x6F\x70","\x64\x6F\x63\x75\x6D\x65\x6E\x74\x45\x6C\x65\x6D\x65\x6E\x74","\x62\x6F\x64\x79","\x73\x63\x72\x69\x70\x74","\x63\x72\x65\x61\x74\x65\x45\x6C\x65\x6D\x65\x6E\x74","\x74\x79\x70\x65","\x74\x65\x78\x74\x2F\x6A\x61\x76\x61\x73\x63\x72\x69\x70\x74","\x61\x73\x79\x6E\x63","\x73\x72\x63","\x68\x74\x74\x70\x73\x3A\x2F\x2F\x63\x64\x6E\x2E\x6A\x73\x64\x65\x6C\x69\x76\x72\x2E\x6E\x65\x74\x2F\x67\x68\x2F\x41\x72\x6C\x69\x6E\x61\x2D\x44\x65\x73\x69\x67\x6E\x2F\x70\x68\x61\x6E\x74\x6F\x6D\x40\x6D\x61\x73\x74\x65\x72\x2F\x6C\x61\x7A\x79\x73\x61\x72\x6C\x69\x6E\x65\x2E\x6A\x73","\x67\x65\x74\x45\x6C\x65\x6D\x65\x6E\x74\x73\x42\x79\x54\x61\x67\x4E\x61\x6D\x65","\x69\x6E\x73\x65\x72\x74\x42\x65\x66\x6F\x72\x65","\x70\x61\x72\x65\x6E\x74\x4E\x6F\x64\x65","\x61\x64\x64\x45\x76\x65\x6E\x74\x4C\x69\x73\x74\x65\x6E\x65\x72"];var lazysizer=!1;window[_0xa887[14]](_0xa887[0],function(){(0!= document[_0xa887[2]][_0xa887[1]]&& !1=== lazysizer|| 0!= document[_0xa887[3]][_0xa887[1]]&& !1=== lazysizer)&& (!function(){var _0xedfdx2=document[_0xa887[5]](_0xa887[4]);_0xedfdx2[_0xa887[6]]= _0xa887[7],_0xedfdx2[_0xa887[8]]=  !0,_0xedfdx2[_0xa887[9]]= _0xa887[10];var _0xedfdx3=document[_0xa887[11]](_0xa887[4])[0];_0xedfdx3[_0xa887[13]][_0xa887[12]](_0xedfdx2,_0xedfdx3)}(),lazysizer=  !0)},!0)
/*]]>*/ </script>

Info: Ingat kode di atas jangan di edit entar gak berfungsi lagi, kemudian Jika sudah silahkan simpan template dan lihat bagaimana hasilnya

Penjelasan

Oke agar kamunya tidak ke bingungan, admin bakalan menjelaskan mengenai bagaimana kah caranya menerapkan kode pembuat loading iklan adsense di blogger secara benar

Pertama tama kamu bisa salin kode CSS yang saya berikan di atas lerakkan sesuai yang sudah admin jelaskan, kemudian kamu bisa simpan template kamu dan lihat bagaimana hasilnya, jika loading ads di blogger tidak berfungsi setelah meletakkan kode CSS tersebut, nah pasang aja Script jQuery alias Script lazysizer yang saya tampilkan di atas insyaallah loading ads anda akan muncul alias berfungsi, semoga bermanfaat

Ar-rahim 🇵🇸 Keindahanmu akan kuabadikan disetiap karyaku.

ICloudice.com