Cara Menambahkan Iklan Klik Berbasis Cookie untuk menutup popup di blogger
Halo semuanya, dalam artikel ini saya akan memberi tahu Anda semua tentang cara menambahkan iklan klik berbasis cookie untuk menutup popup di situs web blogger dengan mudah hanya dalam beberapa menit menggunakan HTML, CSS, dan JavaScript.
Dengan menambahkan ini, Anda dapat meningkatkan klik dan tayangan AdSense Anda dan dapat memperoleh lebih banyak pendapatan melalui Google AdSense .
Dan juga kode-kode di bawah ini tidak akan memengaruhi kecepatan halaman situs web Anda, jadi Anda dapat menggunakan kode-kode ini di template blogger mana pun tanpa masalah .
Baca langkah-langkah yang diberikan di bawah ini dengan hati-hati dan lengkap untuk mendapatkan pemahaman yang jelas tentang menambahkan iklan klik berbasis cookie untuk menutup popup di situs blogger tanpa kesalahan atau masalah.
Cara Menambahkan Iklan Klik Berbasis Cookie untuk menutup popup di blogger
Langkah-langkah untuk Menambahkan Iklan Klik Berbasis Cookie untuk Menutup Popup
Langkah-1: Pertama-tama Anda harus masuk ke dasbor situs web blogger Anda dengan menggunakan kredensial masuk Anda.
Langkah-2: Sekarang Anda harus mengikuti jalur di bawah ini:
Dasbor Blogger -> Klik bagian tema -> Klik ikon panah -> Klik opsi cadangan -> Klik untuk mengunduh tema.
Langkah-3: Sekali lagi ikuti jalur di bawah ini:
Dasbor Blogger -> bagian Tema -> Klik ikon Panah -> Pilih opsi Edit HTML -> Editor tema Blogger.
Langkah-4: Anda perlu menyalin kode HTML yang diberikan di bawah ini dan menempelkan kode yang disalin di mana saja di tag body atau tag <body> dan kemudian Anda perlu mengiklankan kode iklan Anda dalam kode yang diberikan hanya dengan mengganti dengan kode default.
<div class='AT-PCA show-btn'>
<div class='popup-container'>
<div class='AD-pop-header'>
Click On Ad For Closing Popup
</div>
<div class='AT-PCA-close'>
<p class='AT-PCA-close'>
<ins class='adsbygoogle' data-ad-client='ca-pub-000000000000' data-ad-format='auto' data-ad-slot='000000' data-full-width-responsive='true' style='display:block'/>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</p>
</div>
</div>
</div>
Langkah-5: Sekarang Anda perlu menyalin kode CSS yang diberikan di bawah ini dan menempelkan kode CSS yang disalin tepat di atas tag kepala penutup atau tag </head>.
<style>
.popup-container { max-width: 500px; margin: 0 auto; margin-top: 100px; font-family: "Roboto", sans-serif; background: white; padding: 15px; border-radius: 24px; position: relative; box-shadow: 0 4px 40px rgba(0, 0, 0, 0.6); }
.AD-pop-header{ font-size: 20px; text-align: center; font-weight: bold;text-align: center; border-bottom: 1px solid #ccc; padding-bottom: 14px; } .AT-PCA { background: rgba(0, 0, 0, 0.8); position: fixed; z-index: 100; height: 100vh; width: 100%; left: 0; top: 0; display: none; z-index:9999;transition: 0.5s ease;}
.AT-PCA .AT-PCA-close { margin: 4px 0 4px; min-height: 290px;position:relative; }
.AT-PCA.show-btn{ display:block; transition: 0.5s ease; } .AT-PCA.hide-btn{ display: none; transition: 0.5s ease; }
</style>
Langkah-6: Sekarang salin lagi kode JavaScript di bawah ini dan tempel kode JavaScript yang disalin di atas tag penutup atau tag </body>.
<script>
//<![CDATA[
const adssContainer = document.querySelector(".AT-PCA"); const closeBtn = adssContainer.querySelector(".AT-PCA-close"); closeBtn.addEventListener("click", () => { document.cookie = "WebsiteName01=anutrickz01; max-age=" + 24*60*60; adssContainer.classList.add("hide-btn"); setTimeout(()=>{ adssContainer.classList.add("hide"); }, 2000); }); const siteCookie01 = document.cookie.indexOf("WebsiteName01="); if(siteCookie01 != -1){ adssContainer.classList.remove("show-btn"); } else{ adssContainer.classList.add("show-btn");}
//]]>
</script>
Langkah-7: Setelah menambahkan ketiga kode di tempat yang benar, maka Anda perlu mengklik tombol simpan.
Langkah-8: Sekarang Anda telah berhasil menambahkan iklan klik berbasis cookie untuk menutup popup di situs blogger Anda.
Catatan
Jika Anda mendapatkan kesalahan atau masalah saat menyimpan kode, maka Anda perlu mengembalikan kode cadangan Anda lagi dan perlu mengulangi proses yang sama seperti yang diberikan pada langkah-langkah di atas.
Jika Anda ingin mengubah gaya dan warna untuk sembulan maka Anda perlu mengedit kode CSS, dan untuk mengubah warna Anda perlu mengganti kode warna dan untuk kode warna Anda dapat menggunakan pemilih warna Google atau situs web kode warna bagian ketiga lainnya .
Kesimpulan
Saya harap Anda telah memahami tentang cara menambahkan iklan klik berbasis cookie untuk menutup popup di situs web blogger Anda dengan mudah menggunakan HTML, CSS, dan JavaScript.
Posting Komentar untuk "Cara Menambahkan Iklan Klik Berbasis Cookie untuk menutup popup di blogger"