For world peace, liberate Al-Aqsa, eliminate Israel and anyone who is with Israel, they are the real terrorists
Bacakan

Membuat peringatan cookie di blogger

Hello sobat ICloudzer kali ini admin bakalan menjabarkan mengenai bagaimana caranya untuk membuat peringatan cookie di blogger

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

Peringatan cookie

Peringatan cookie merupakan tampilan notifikasi yang muncul saat situs web di akses, namun peringatan cookie yang admin bahas kali ini adalah peringatan cookie yang muncul saat halaman website ataupun di blog di refresh, so setiap kali pengguna merefresh halaman notifikasi cookie tersebut akan muncul

Info: Bagi kamu yang tidak mengetahui mengenai cookie, secara singkatnya cookie merupakan pesan yang muncul untuk memberitahukan ke pengguna bahwa situs akan menyimpan beberapa data dalam sebuah kebijakan yang di taati oleh pengguna itu sendiri

Mode Sticky

Tampilan dari peringatan cookie tersebut menggunakan mode sticky alias mode mengambang atau juga mode popup di bawah blog, dan akan muncul saat pengguna merefresh setiap halaman blog, dan juga terdapat tombol close untuk menutup tampilan membuat peringatan cookie tersebut menjadi lebih menakjubkan

Mengunakan CSS

Dalam membuat notifikasi cookie atau peringatan cookie, di buat menggunakan kode CSS saja tanpa ada unsur penggunaan kode javascript, dan hal tersebut akan membuat tampilan semakin responsif dan juga keren pastinya

Contoh Tampilan

Baiklah agar kamunya tidak penasaran dengan pembahasan kita kali ini mengenai peringatan cookie, admin telah menyediakan fontoh tampilan nya, silahkan periksa menggunakan tombol di bawah ini

Info: Bagaimana sobat dengan contoh tampilan nya keren sekali yak

Cara pembuatan

Sekarang saatnya admin bakalan menjabarkan mengenai bagaimana caranya membuat peringatan cookie di blogger, silahkan baca dan ikuti setiap arahan yang admin jabarkan di bawah ini

Kode CSS

Langkah pertama seperti biasa silahkan salin kode CSS di bawah ini kemudian letakkan di atas kode ]]></b:skin>

.rahCkie{background-color: #fafafc;border-radius: 2px;bottom: 18px;left: 20px;opacity: .9;position: fixed;width: 400px;max-width: 100%;z-index: 9999;border: 1px solid #e5e5e8}
.rahCkie .text{font-size: 13px;padding: 24px 18px;color: #333;line-height: 24px}
.rahCkie .ICls{cursor: pointer;padding: 8px;position: absolute;font-size: 10px;right: 1px;top: -5px;color: #7b7b7b !important}.rahCkie .ICls::after{content:'\2715';}
.rahCkie .ICls svg{width:10px;height:10px;fill:#7b7b7b;}.rahCkie{left: 0 !important;right: 0 !important;bottom: 0 !important } 
.rahCkie a{color:#0062ff!important}

Info: Bagaiamana sobat dengan contoh tampilannya keren sekali yak

Kode HTML

Selanjutnya silahkan salin dan gunakan kode HTML di bawah ini kemudian letakkan di bawah tag kode <body>

<div class="rahCkie">
<div class="text"><p>Situs web kami menggunakan cookie. mengakses situs web kami berarti kamu menyetujui penggunaan cookie<strong><span style="color: #e03e2d;"> <a href="https://www.icloudice.com/privacy-and-policy" style="color: #e03e2d;">kebijakan privasi</a> </span></strong>kami.</p></div>
<a href="javascript:void(0)" onclick="this.parentNode.parentNode.parentNode.removeChild(this.parentNode.parentNode)" class="ICls"> </a>
</div>

Info: Atau bisa juga meletakkan kode HTML di atas tepat atas tag kode </body>

Penjelasan

Jika kamu menginginkan agar peringatan cookie muncul dengan menggunakan batas waktu semisal 24 jam sekali atau saat pengunjung baru mengakses website anda, silahkan pelajari bagaimana caranya membuat cookie yang muncul 24 jam sekali, dan semoga artikel ini bermanfaat yak

Situs web kami menggunakan cookie. mengakses situs web kami berarti kamu menyetujui penggunaan cookie kebijakan privasi kami.

About the Author

Keindahanmu akan kuabadikan disetiap karyaku.

Post a Comment

Menghasilkan uang melalui survei berbayar
Cookie Consent
We serve cookies on this site to analyze traffic, remember your preferences, and optimize your experience.
Oops!
It seems there is something wrong with your internet connection. Please connect to the internet and start browsing again.
AdBlock Detected!
We have detected that you are using adblocking plugin in your browser.
The revenue we earn by the advertisements is used to manage this website, we request you to whitelist our website in your adblocking plugin.
Site is Blocked
Sorry! This site is not available in your country.