***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.
- Open up Google's privacy policy page. (Here.)
- Open up your Blogger > template > edit HTML page.
- Open up the cookie pop up creation site.
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.
