Blogger Cookie Consent Banner

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.