Skip to main content

Memasang/ Modifikasi Cookies di Blogspot

Sejak beberapa tahun lalu (sekitar pertengahan tahun 2015) Hukum Uni Eropa mengharuskan para blogger untuk memberikan informasi kepada visitor Uni Eropa tentang Cookie yang digunakan di Blog. Cookie atau cookies adalah data/informasi yang diciptakan oleh suatu website untuk disimpan di web browser ketika pengguna sedang menjelajahi website tersebut. Dengan begitu, maka website bisa mengetahui aktivitas yang telah dilakukan oleh pengguna pada waktu sebelumnya.

Jika mencermati isi dari Hukum Uni Eropa, keharusan pemasangan cookies di blog sebetulnya hanya berlaku bagi situs atau blog yang ditargetkan kepada pengunjung Eropa saja. Namun jika anda ingin memasangnya di blog anda juga tidak masalah. Selain membuat blog terlihat lebih profesional, keberadaan cookies di blog anda juga bisa untuk menyiasati Hukum Uni Eropa ini, siapa tahu nantinya juga berlaku secara keseluruhan. 

Bagi anda pemilik blog dengan platform blogspot, pemasangan cookies ini sebetulnya tidak perlu lagi anda lakukan karena blogspot sendiri secara default sudah memiliki cookies bar sendiri yang otomatis akan muncul ketika ada pengunjung yang datang dari negara-negara Uni Eropa. Memang sebagai orang Indonesia kita tidak dapat melihat pemberitahuan cookies ini. Tapi coba sekarang anda berpura-pura jadi orang Eropa dan buka blog saya ini sebagai pengunjung dari Jerman misalnya. Caranya, silahkan tambahkan ?gl=de dibelakang Url blog saya. Ketikkan:

cookies default

Bagaimana hasilnya?. Ya, pastinya bakal muncul notifikasi pemberitahuan cookies di atas layar tampilan blog saya. Hal ini yang kadang tidak disadari oleh beberapa blogger sehingga ketika mereka memasang secara manual pemberitahuan cookies ini menggunakan widget pihak ketiga, maka pengunjung dari negara-negara Eropa akan mendapati notifikasi cookies double sehingga justru membuat loading blog menjadi lebih berat. Artinya, kita memang tidak perlu lagi memasang notifikasi cookies ini karena sudah terpasang dengan sendirinya. 

Kalau misalnya anda tidak begitu suka dengan tampilannya karena terlihat standar, kita juga bisa memodifikasi tampilan cookies ini agar terlihat keren dan menarik. Jadi meskipun hanya bisa dilihat oleh pengunjung-pengunjung dari negara Eropa, tampilan cookies ini tetap keren dan tidak kalah dengan widget cookies buatan pihak ketiga. Tampilannya akan seperti berikut ini:

cookies keren

Bagaimana cara membuatnya menjadi seperti itu?, simak langkah-langkah di bawah ini. 

Cara Modifikasi Cookies di Blogspot Menjadi Keren 

1. Buka akun blogger anda. 

2. Pilih thema dan klik edit html. 

3. Cari kode ]]></b:skin> atau </style>, kemudian letakkan kode berikut ini di atasnya.
/* Blogger Cookies Bar */ #cookieChoiceInfo{background-color:#222;padding:10px 10px 40px;top:unset;font-family:"Helvetica Neue Light",HelveticaNeue-Light,"Helvetica Neue",Calibri,Helvetica,Arial;width:300px;left:unset;right:10px;bottom:10px;border-radius:5px;overflow:hidden} #cookieChoiceInfo .cookie-choices-text{margin:0 0 5px;font-size:16px;color:#fff;text-align:left;} #cookieChoiceInfo .cookie-choices-inner{position:static} #cookieChoiceInfo .cookie-choices-buttons{margin:0;display:block} #cookieChoiceInfo .cookie-choices-button{color:#f1d600;text-transform:none;transition:all .2s linear;font-weight:400;display:block;text-align:left;margin:0 0 10px;padding:0} #cookieChoiceInfo .cookie-choices-button:nth-child(2){color:#000;text-align:center;background-color:#f1d600;padding:8px 18px;position:absolute;bottom:0;left:0;right:0;margin:0} #cookieChoiceInfo .cookie-choices-button:hover{color:#e9eef0} #cookieChoiceInfo .cookie-choices-button:nth-child(2):hover{background-color:#e9eef0;color:#000} @media screen and (max-width:425px){#cookieChoiceInfo{width:calc(100% - 20px)}}
4. Untuk mengubah kalimat notifikasinya, silahkan tambahkan kode berikut ini di atas kode </body>
<script>
//<![CDATA[
cookieOptions = {
    msg: "This site uses cookies to help deliver services. By using this site, you agree to the use of cookies.",
    link: "https://www.blogger.com/go/blogspot-cookies",
    close: "Got it!",
    learn: "Learn More" };
//]]>
</script>

Keterangan: 

  • Silahkan anda bisa mengganti kalimat pesan notifikasinya (ditandai warna merah) dengan kalimat lainnya. 
  • Untuk link (ditandai warna hijau) bisa diganti dengan link URL laman Privacy Policy blog anda.
5. Simpan kembali template anda.

Silahkan kunjungi kembali blog anda dengan berpura-pura lagi menjadi pengunjung dari negara Eropa seperti cara di atas. Hasilnya, pemberitahuan cookies pun kini berada di layar bawah dengan tampilan lebih menarik. 

Demikianlah tutorial tentang pemasangan cookies di Blogspot dan cara memodifikasinya. Semoga bermanfaat. Sumber


Ad by Adsterra