GoBlogs

Lanjutan: Cara Membuat Cookies Banner di WordPress

cookies akm.web.id

Masih lanjutan dari topik yang sama dalam artikel sebelumnya yaitu tentang Cara Membuat Cookies Banner di WordPress. Artikel lanjutan ini kita akan langsung mempraktekan bagaimana cara membuat cookies banner di wordpress.

Persiapan

Kamu buka dulu sebuah website berikut ini https://www.osano.com/cookieconsent/download/. Lalu klik pada bagian “start coding”.

Kemudian Scroll ke bagian bawah sehingga akan ada tampilan beberapa baris kode sebagi berikut.

Pada gambar diatas terdapat 2 kotak berwarna hijau dan warna merah. Kotak berwarna merah berisi kode dan intruksi bagaimana cara memasang kode tersebut pada blog/situs/web kita.

Lalu kotak berwarna hijau berisikan beberapa pilihan yang nantinya dapat di gunakan untuk mengatur tampilan dari banner cookies yang akan kita gunakan. Silahkan kamu atur dan sesuaikan sesuai dengan selera masing-masing.

Implementasi Membuat Cookies Banner

Silahkan kamu login terlebih dahulu ke dashboard wordpress kamu. Lalu masuk ke menu appearance -> theme editor. Untuk lebih jelasnya kamu dapat melihat ilustrasi sebagi berikut.

Kemudian kamu kembali ke website sebelumnya, lalu copy baris code yang ada pada bagian header.

Setelah itu paste-kan pada file header.php yang ada di theme editor kamu. Pastikan kode tersebut berada di antara tag <head> dan </head>.

Kemudian kembali lagi ke situs Osano, lalu copy code untuk bagian body, seperti gambar berikut.

Sama seperti pada bagian head, bagian ini juga harus di paste-kan pada file footer.php. Hanya saja code kali ini di pasang sebelum tanda </body>. Perhatikan gambar berikut sebagai ilustrasi.

Setelah itu simpan perubahan code yang kamu lakukan dengan klik pada tombol “update file”.

Kesimpulan

Setelah semuanya tahapan di atas selesai maka tinggal mencoba untuk refresh homepage website kamu. Oh ya dalam beberapa kasus juga di temukan terjadi delay dengan update cookies banner ini. Dalam kasus saya sendiri terdapat delay selama 1 hari agar cookies banner ini dapat terpasang di blog saya, mungkin di website kamu akan berbeda lagi hasilnya.

Selamat mencoba. Jika sudah berhasil terpasang akan tampak seperti berikut.

Tentu saja tampilan box nya dapat kamu sesuaikan sesuai dengan keinginan kamu. Dengan adanya banner ini akan membuat website kamu lebih professional lagi dan terkesan kamu memang serius mengelola website tersebut.

Cover Template by: rawpixel.com / Freepik


Exit mobile version