how to add a cookies notification to your blog

by - June 23, 2018

***note: THIS POST IS MAINLY FOR BLOGGER BLOGS.

Have you ever seen the notice on your Blogger dashboard  that says, EU laws require you to notify your European readers that you use cookies and also you must obtain consent. And they say "as a courtesy we have included this notice", which may very well be true. I don't know. I haven't seen any because I am not in Europe!

However, I am quite sure that if you ARE NOT USING A BLOGGER PROVIDED TEMPLATE this "courtesy" does not apply to you. See, in setting up my new pop up notification, I realized it is actually included in your HTML.

^^ (don't freak out, HTML is not a monster. I am actually quite fond of messing with it now :D)

SO NOW. I SHALL TEACH YOU HOW TO ADD A POP UP NOTIFICATION TO YOUR BLOG, whatever kind of template you might use.

And why should you add this notification in the first place??

Because then you'll be a law abiding blogger. Ha!!




Like I said, this post is meant for Blogger bloggers, because as you may have well noticed, Wordpress automatically has started to add a notification to all Wordpress blogs (UNFAIR I know). 

Thankfully, it is very easy for us to add our own (mwahahaa).


I used cookieconsent.insites to create my pop up banner. They are very nice and allow you to customize your own banner/box to your style. They even give you a live demo as you work on it ;D




Step 1.


Step 2.

  • Customize your notification bar/box on the site.
  • Paste Google's privacy policy url in the privacy policy box.



Step 3.

  • After you are done with your tweaks, copy the html that they provide you.
  • Go to your blog's HTML page. 
  • Find </head>

HAha yes, I know that is a high order. How does one find </head> in a jumble of letters that make no sense whatsoever?

Never fear. Here are two ways to find the elusive tag.

  • On your keyboard, press Cltr and F at the same time.
  • A search box should appear. Type </head> in it and hit enter.
  • It should highlight the code.

If you want to try a more heroic method, or you are not on a computer, here you go:

  • Start at the very top of the HTML.
  • Scroll down (you may have you use your arrow keys).
  • You should be scrolling through a lot of colorful text. Then you should come upon a ton of blue text.
  • Scroll all the way through the blue text.
  • Right after the blue text, you should find :
]]></b:skin>
</head>


Got it? Great! Back to the original instructions.

  • Paste your code (that you copied) right above </head>.
  • Save your template, and view your blog.

YOU ARE DONE!!

Hope you all found this easy and helpful :DD Setting up a cookie notification is rather important in light of new laws, and I hope you guys are able to make the perfect kinds to match your themes ;D

Now go forth and create!

have you ever banged your head over the cookies notification problem? was this "tutorial" helpful? would you be interested if I wrote more posts on blogging tips?


ps / in case you didn't see, I am hosting a microfiction contest in honor of my blogoversary and there's still two weeks to enter ;D check it out here.

You May Also Like

24 comments

  1. This was very helpful! I struggle with figuring out HTML and I love posts like this that tell me exactly what to do! Yay!

    One question, though: Is this change necessary? I’ve seen this notification, but wasn’t sure if I was supposed to add it to my own blog.

    Thanks, Lisa! Excellent post, as always.

    ReplyDelete
    Replies
    1. AAAHHH I'M SO HAPPY ABOUT THAT RACHAEL! I know, HTML and codes can be so confusing - even when you have been around them for a while -_-

      Well, it is the law now, so I guess ... it's better to have it?? I don't think people will report you or force you to do it, but they say that you /can/ be fined o_O So it is better to have it. At least I think so.

      YOU'RE SO WELCOME DEAR! Aww thanks.

      Delete
    2. Thanks, Lisa! I’d better get on that....

      Delete
  2. thank you thank you a thousand times thank you
    I had no idea what I needed to do about it
    bless *gives you edible cookies of thanks*

    ReplyDelete
    Replies
    1. eeep thank you so much for your lovely comment
      I appreciate it so much girl <3
      *devours the cookies bc SO TASTY*

      Delete
  3. Thank you! I just did it. I thought it was doing it by itself, but blogger lied. XD You ROCK! <3

    ReplyDelete
    Replies
    1. ack AND IT LOOKS SO GOOD ON YOUR BLOG TOO ^-^ (I know, bad Blogger *scolds*) THANKS DEAR!

      Delete
  4. Oh wow this was really good! I have been trying to figure that out for myself actually, Thanks so much for putting this together! you did a great job at explaining!

    ReplyDelete
    Replies
    1. HELLO MARROK LONG TIME NO SEE! I'm glad you found it helpful and that it came in handy for you ^-^ Thank you so much!!

      Delete
    2. I know right! Life has been crazy. Yes this post did come in handy, Now I'll be a law abiding blogger. My days of being a rebel are over

      Thanks! It was a spare picture from a photoshoot I did while at college

      Delete
  5. OH MY GOSH, YOU ARE A LIFE SAVER, LISA! I have been trying to figure out how and what to do about the whole cookie thing and I gave up after 3 times of looking into it. (I'm quite terrible when it comes to HTML or CSS or WHATEVER.)

    So, thank you. I am forever in your debt.

    xx Kenzie | www.paperpizzablog.com

    ReplyDelete
    Replies
    1. AWWW KENZIE THAT MAKES MY DAY <3 I'm so happy this post was useful to you, and yes, it's so hard to find instructions and things, isn't it??!! And codes are the worst (even though they are like secret weapons -_-)

      YOU ARE SO WELCOME and pfft. no worries. It's my pleasure ;D

      Delete
  6. Super helpful! I've been trying to figure out the cookie thing and would like to be a law abiding blogger. xD I would love to see more blogging tips posts-this one was very helpful! Thanks!

    Micaiah @ Notebooks and Novels

    ReplyDelete
    Replies
    1. THANK YOU MICAIAH! It can be so confusing to have to figure such things out XD I'm glad you think so, and I'll try to come up with more helpful content ^-^

      Delete
  7. YES YES YES THANK YOU!!!!!! I honestly had no idea what needed to be done, and this post is a LIVESAVER!!

    ReplyDelete
    Replies
    1. THAT'S SO GOOD TO HEAR, JULIAN! I'M SO HAPPY THIS POST HELPED YOU! Go and rock your banner, girl <3

      Delete
  8. Thanks for sharing this I had no idea what to do.

    ReplyDelete
  9. This is super helpful! I'm actually on WordPress so it's done for me (*hides*) but I know how tricky html can be, and I'd love to see more html type posts!

    ReplyDelete
    Replies
    1. WHAT!? HAHA OK. Glad you liked it anyway XDD

      Delete
  10. You should on hundred percent do more blogging posts! This was very helpful. :)

    Nabila | Hot Town Cool Girl


    ReplyDelete
  11. THANK YOU SO MUCH (I know it's late but I went ahead and did it...and honestly I can't thank you enough <3)

    ReplyDelete

YOUR COMMENTS MAKE MY DAY <333 I try my best to reply to them all, so check back soon, and let's start a conversation.