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
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