Are you ready to make your Blogger blog compliant with privacy regulations like GDPR and CCPA? Adding a cookie consent banner is a crucial step, and it’s easier than you might think. This guide will walk you through the simple process of adding a professional-looking cookie banner to your blog, ensuring you’re transparent with your readers about how you use their data. You don’t need to be a coding expert—just a few simple steps will get the job done. Let’s get started!
Step 1: Create a Cookie Policy Page on Blogger
Go to “pages” and create a page titled “Cookie Policy”. Add your policy text and publish.
Step 2: Add a widget
Go to “Layout” and add a “HTML/Javascript” widget. Copy the following code and paste into the blank field.
Code:
<link rel="stylesheet" type="text/css" href="//cdnjs.cloudflare.com/ajax/libs/cookieconsent2/3.0.3/cookieconsent.min.css" />
<script src="//cdnjs.cloudflare.com/ajax/libs/cookieconsent2/3.0.3/cookieconsent.min.js"></script>
<script>
window.addEventListener("load", function(){
window.cookieconsent.initialise({
"palette": {
"popup": {
"background": "#ebebeb",
"text": "#404040"
},
"button": {
"background": "#ff0099",
"text": "#ffffff"
}
},
"elements": {
'messagelink': '<span id="cookieconsent:desc" class="cc-message">\{\{message\}\} <a aria-label="learn more about cookies" tabindex="0" class="cc-link" href="\{\{href\}\}" target="_self">\{\{link\}\}</a></span>',
'link': '<a aria-label="learn more about cookies" tabindex="0" class="cc-link" href="\{\{href\}\}" target="_self">\{\{link\}\}</a>'
},
"content": {
"href": "your cookie policy page url here"
}
})});
</script>Add your url into the “your cookie policy page url here”.
If you have any questions about Blogger Cookie Consent Banner, use the comment form below.
