Baru-baru ini Google telah memperbarui wacana kebijakan privasi termasuk untuk pengguna Blogger yang memakai cookie untuk mengumpulkan data dari setiap pengunjung situs Anda.
Undang-undang mengenai cookie ini ditujukan untuk pengunjung dari Uni Eropa wacana cookie yang dipakai dan data yang dikumpulkan di blog.
Oleh alasannya yaitu itu undang-undang gres ini mewajibkan Anda untuk mendapat persetujuan pengunjung ketika berada di blog Anda.
Blogger sudah menambahkan fitur pemberitahuan wacana penggunaan cookie kepada setiap pengunjung khususnya dari Uni Eropa.
Kaprikornus contohnya Anda berasal dari negara-negara Uni Eropa lalu mengunjungi situs ini maka akan muncul sebuah notifikasi bahwa blog ini memakai cookie.
Berhubungan dengan blogger yang merupakan milik google artinya jikalau Anda mempunyai situs yang dibentuk dari blogger, mau itu dengan domain blogspot atau sudah memakai top level domain (TLD) tetap saja situs tersebut tidak sepenuhnya milik Anda alasannya yaitu hostingnya masih dari google.
Itulah sedikit klarifikasi mengenai kebijakan data yang sedang hangat dibicarakan ketika ini.
Nah, bekerjasama dengan itu disini saya akan menjelaskan cara memodifikasi tampilan cookies kafe dengan memakai arahan css.
Melakukan modifikasi pada pemberitahuan atau notifikasi cookie di blogger dengan tujuan supaya terlihat lebih keren dan gampang dilihat oleh pengunjung merupakan hal yang baik.
Perlu diketahui pemberitahuan cookies kafe hanya akan terlihat oleh pengunjung yang berasal dari negara Uni Eropa, jadi kalau selain dari negara tersebut kita tidak dapat melihat cookies kafe ini di blogger.
Untuk mempercantik tampilan cookies kafe ini Anda dapat melaksanakan modifikasi dengan memakai arahan css, untuk lebih jelasnya silahkan ikuti langkah-langkahnya di bawah ini.
Cara Modifikasi Tampilan Cookies Bar di Blogger
Seperti yang sudah saya katakan sebelumnya platform blogger memakai cookie untuk mengumpulkan data pengunjung.Jika Anda memakai IP dari salah satu negara Uni Eropa lalu mengunjungi salah satu blog yang ada, maka akan muncul sebuah notifikasi atau pemberitahuan wacana cookie menyerupai di bawah ini.
This site uses cookies from Google to deliver its services and to analyse traffic. Your IP address and user agent are shared with Google, together with performance and security metrics, to ensure quality of service, generate usage statistics and to detect and address abuse.
Tampilan defaultnya menyerupai gambar di bawah ini:
Tampilannya sangat sederhana dan berada dibagian atas blog Anda, untuk mempercantik tampilannya kita perlu menambahkan arahan css berikut ini.
Versi Terang (Light)
Silahkan pasang arahan css ini di atas arahan
]]></b:skin> atau </style>/* Custom Cookies Info Light */ .cookie-choices-info{background-color:rgba(255,255,255,.99)!important;line-height:normal!important;top:initial!important;bottom:0!important;font-family:inherit!important;box-shadow:0 0 10px rgba(0,0,0,0.2);-webkit-transform:translateZ(0)} .cookie-choices-info .cookie-choices-text{font-size:14px!important;color:#222!important} .cookie-choices-info .cookie-choices-button{color:#fff!important;margin-left:5px!important;padding:3px 6px!important;background:#3fbdf3!important;border-radius:2px;transition:all .6s linear} .cookie-choices-info .cookie-choices-button:nth-child(2){background:#f68c2e!important;transition:all .6s linear} .cookie-choices-info .cookie-choices-button:hover,.cookie-choices-info .cookie-choices-button:nth-child(2):hover{background:#999!important;transition:all .1s linear}Versi Gelap (Dark)
Silahkan pasang arahan css ini di atas arahan
]]></b:skin> atau </style>/* Custom Cookies Info Dark */ .cookie-choices-info{background-color:rgba(56,66,75,.97)!important;line-height:normal!important;top:initial!important;bottom:0!important;font-family:inherit!important;-webkit-transform:translateZ(0)} .cookie-choices-info .cookie-choices-text{font-size:14px!important;color:#cee6ea!important} .cookie-choices-info .cookie-choices-button{color:#fff!important;margin-left:5px!important;padding:3px 6px!important;background:#3fbdf3!important;border-radius:2px;transition:all .6s linear} .cookie-choices-info .cookie-choices-button:nth-child(2){background:#f68c2e!important;transition:all .6s linear} .cookie-choices-info .cookie-choices-button:hover,.cookie-choices-info .cookie-choices-button:nth-child(2):hover{background:#282f36!important;transition:all .1s linear}Jika Anda ingin mengubah warnanya silahkan gunakan tool Color Picker.
Itulah artikel mengenai cara modifikasi tampilan cookies kafe dengan css, semoga bermanfaat. Sumber https://www.caramanual.com/