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.
Posting Komentar