×

Owner / Author / Admin / etc

    Rahman NM    

"Pada halaman web ini saya akan membagikan informasi informasi menarik seputar Anime, Manga, Game, Film, dan juga berbagai tips-tips menarik lainnya."

Cara Memasang Notifikasi Cookie Consent di Blogger

Cara Memasang Notifikasi Cookie Consent di Blogger

Anirocksite.com - Pada tutorial blogger kali ini saya akan membagikan bagaimana cara memasang notifikasi cookie consent di blogger.

Memasang notifikasi cookie consent sangat berguna bagi kamu yang memiliki web terutama di platform blogger. Karena Google mengharuskan para pengguna blogger untuk memasang cookie consent atau notifkasi EU Cookie Law demi menyesuaikan dengan peraturan yang berlaku di negara Uni Eropa. Aturan ini ini disebut sebagai General Data Protection Regulation atau disingkat GDPR yang digunakan untuk mengatur perlindungan data pribadi didalam atau diluar Uni Eropa.

Memasang notifikasi Cookie Consent juga beguna untuk meningkatkan pelayanan agar lebih baik, dan juga lebih berguna. Apalagi untuk kita sebagai pemilik web sekaligus publisher adsense diharuskan untuk memasang Notifikasi Cookies di blog.

Mungkin itu saja yang dapat saya jelaskan mengenai Cookie Consent atau jika kamu ingin mengetahui lebih detail tentang Cookie Consent kamu bisa membacanya dengan mengklik teks link berikut ini Cara Google Menggunakan Cookie. Nah langsung saja kita ketutorial bagaimana cara memasang Notifkasi Cookie consent diplatform blogger.

Cara Memasang Notifikasi Cookie Consent di Blogger

1. Pertama, kamu login terlebih dahulu ke Blogger,
2. Pada dashboard Blogger pilih Tema ⇒ Edit HTML,
3. Setelah itu, Copy kode CSS dibawah ini dan letakkan tepat diatas kode </b:skin> atau </style>,
/* Cookie Consent By Anirocksite */
.cc-window{opacity:1;transition:opacity 1s ease}
.cc-window.cc-invisible{opacity:0}
.cc-animate.cc-revoke{transition:transform 1s ease}
.cc-animate.cc-revoke.cc-top{transform:translateY(-2em)}
.cc-animate.cc-revoke.cc-bottom{transform:translateY(2em)}
.cc-animate.cc-revoke.cc-active.cc-bottom,.cc-animate.cc-revoke.cc-active.cc-top,.cc-revoke:hover{transform:translateY(0)}
.cc-grower{max-height:0;overflow:hidden;transition:max-height 1s}
.cc-link,.cc-revoke:hover{text-decoration:underline}
.cc-revoke,.cc-window{position:fixed;overflow:hidden;box-sizing:border-box;font-family:Helvetica,Calibri,Arial,sans-serif;font-size:16px;line-height:1.5em;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;z-index:9999}
.cc-window.cc-static{position:static}
.cc-window.cc-floating{padding:1em;max-width:20em;-ms-flex-direction:column;flex-direction:column}
.cc-window.cc-banner{padding:1em 1.8em;width:100%;-ms-flex-direction:row;flex-direction:row}
.cc-revoke{padding:.5em}
.cc-header{font-size:18px;font-weight:700}
.cc-btn,.cc-close,.cc-link,.cc-revoke{cursor:pointer}
.cc-link{opacity:.8;display:inline-block;padding:.2em}
.cc-link:hover{opacity:1}
.cc-link:active,.cc-link:visited{color:initial}
.cc-btn{display:block;padding:.4em .8em;font-size:.9em;font-weight:700;border-width:2px;border-style:solid;text-align:center;white-space:nowrap}
.cc-highlight .cc-btn:first-child{background-color:transparent;border-color:transparent}
.cc-highlight .cc-btn:first-child:focus,.cc-highlight .cc-btn:first-child:hover{background-color:transparent;text-decoration:underline}
.cc-close{display:block;position:absolute;top:.5em;right:.5em;font-size:1.6em;opacity:.9;line-height:.75}
.cc-close:focus,.cc-close:hover{opacity:1}
.cc-revoke.cc-top{top:0;left:3em;border-bottom-left-radius:.5em;border-bottom-right-radius:.5em}
.cc-revoke.cc-bottom{bottom:0;left:3em;border-top-left-radius:.5em;border-top-right-radius:.5em}
.cc-revoke.cc-left{left:3em;right:unset}
.cc-revoke.cc-right{right:3em;left:unset}
.cc-top{top:1em}.cc-left{left:1em}.cc-right{right:1em}.cc-bottom{bottom:1em}.cc-floating>.cc-link{margin-bottom:1em}.cc-floating .cc-message{display:block;margin-bottom:1em}.cc-window.cc-floating .cc-compliance{-ms-flex:1 0 auto;flex:1 0 auto}.cc-window.cc-banner{-ms-flex-align:center;align-items:center}.cc-banner.cc-top{left:0;right:0;top:0}.cc-banner.cc-bottom{left:0;right:0;bottom:0}.cc-banner .cc-message{display:block;-ms-flex:1 1 auto;flex:1 1 auto;max-width:100%;margin-right:1em}.cc-compliance{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:justify;align-content:space-between}.cc-floating .cc-compliance>.cc-btn{-ms-flex:1;flex:1}.cc-btn+.cc-btn{margin-left:.5em}
@media print{.cc-revoke,.cc-window{display:none}}
@media screen and (max-width:900px){.cc-btn{white-space:normal}}
@media screen and (max-width:414px) and (orientation:portrait),screen and (max-width:736px) and (orientation:landscape){.cc-window.cc-top{top:0}.cc-window.cc-bottom{bottom:0}.cc-window.cc-banner,.cc-window.cc-floating,.cc-window.cc-left,.cc-window.cc-right{left:0;right:0}.cc-window.cc-banner{-ms-flex-direction:column;flex-direction:column}.cc-window.cc-banner .cc-compliance{-ms-flex:1 1 auto;flex:1 1 auto}.cc-window.cc-floating{max-width:none}.cc-window .cc-message{margin-bottom:1em}.cc-window.cc-banner{-ms-flex-align:unset;align-items:unset}.cc-window.cc-banner .cc-message{margin-right:0}}
.cc-floating.cc-theme-classic{padding:1.2em;border-radius:5px}.cc-floating.cc-type-info.cc-theme-classic .cc-compliance{text-align:center;display:inline;-ms-flex:none;flex:none}.cc-theme-classic .cc-btn{border-radius:5px}.cc-theme-classic .cc-btn:last-child{min-width:140px}.cc-floating.cc-type-info.cc-theme-classic .cc-btn{display:inline-block}
.cc-theme-edgeless.cc-window{padding:0}.cc-floating.cc-theme-edgeless .cc-message{margin:2em 2em 1.5em}.cc-banner.cc-theme-edgeless .cc-btn{margin:0;padding:.8em 1.8em;height:100%}.cc-banner.cc-theme-edgeless .cc-message{margin-left:1em}.cc-floating.cc-theme-edgeless .cc-btn+.cc-btn{margin-left:0}
4. Kemudian Letakkan Javascript dibawah ini tepat diatas kode </body>,
Perhatikan kode yang saya beri Highlighter Gradient, Silahkan atur sesuai keinginanmu..
<script async='async' src='//cdnjs.cloudflare.com/ajax/libs/cookieconsent2/3.1.0/cookieconsent.min.js'></script>
<script type='text/javascript'>
//<![CDATA[ 
// Cookies Policy By Anirocksite
window.addEventListener("load",function(){window.cookieconsent.initialise({palette:{popup:{background:"Masukkan Kode Warna Background",text:"#ffffff"},button:{background:"#ffffff",text:"#222222"}},theme:"classic",position:"bottom-right",content:{message:"This website uses cookies to ensure you get the best experience on our website.",dismiss:"Go It!",link:"Learn More",href:"Masukkan Link Halaman Privacy Policy"}})}); 
//]]> 
</script>
5. Terakhir simpan atau save template tersebut.

Nah itulah bagaimana cara memasang atau membuat Notifikasi Cookie Consent di Blogger yang dapat saya bagikan, Semoga bermanfaat :D.

Creativity of codes and exploiting, with code we can do something fun.
Facebook Instagram Twitter
Show Comments!
Hide comments

0 Response to "Cara Memasang Notifikasi Cookie Consent di Blogger"

Kebijakan berkomentar :

Berkomentarlah dengan tata bahasa yang baik, agar orang tau sebijak apa karakter anda melalui kata-kata,

Silahkan berkomentar apapun selagi masih berhubungan dengan halaman postingan ini,

Dilarang berkomentar menggunakan Link Aktif,

Centang Notife Me agar mendapatkan notifikasi balasan komentar admin melalui Email.

Post a Comment

Iklan Atas Artikel

Iklan Tengah Artikel

Iklan Tengah Artikel 2

Iklan Bawah Artikel

© Copyright 2020 Anirock Site - All Rights Reserved Created With