Skip to main content

Customize Blogger Cookies Notification Bar

Blogger Cookies notification

Google Blogspot users frequently get this automated Cookies notification on their blogs for EU visitors.
The cookie message appears at the top of your blog.

Though the notification is annoying but here is why it is important:
European laws require that digital publishers give visitors to their sites and apps information about their use of cookies and other forms of local storage. In many cases these laws also require that consent be obtained.

It is a publisher's responsibility to ensure that the Notification bar is shown on his blog and it should not be disabled in any case using CSS or JavaScript unless the publisher is already displaying a custom bar notifying users about the use of cookies on his site.

all blogspot blogs using the default .blogspot.com sub-domains ( country-code Top Level Domain or ccTLD) or custom domains (be it  .com, .net, .org etc.) will automatically show the following sticky Notice at the top of the page when a user visits that blog from a browser with an European IP:



Customizing the EU Cookies Notice Bar
1. Go To blogger > Template > Backup your template

 2. Click Edit HTML

 3. Paste the following code just below ]]></b:skin> tag 

<script type='text/javascript'> 
  cookieOptions = { 
    msg: &quot;This site uses cookies to help deliver services. By using this site, you agree to the use of cookies.&quot;, 
    link: &quot;https://www.blogger.com/go/blogspot-cookies",l&quot;, 
    close: &quot;Got it!&quot;, 
    learn: &quot;Learn More&quot; }; 
</script> 
    <style>.cookie-choices-info {z-index:999999!important;background-color:#ffe2dc!important;border-bottom: 1px solid #333333;  
        box-shadow: 1px 2px 2px #000!important; padding:3px 0px!important;}.cookie-choices-info .cookie-choices-text{font-size:14px !important; color:#333333!important;}.cookie-choices-info .cookie-choices-button{  background-color: #333333!important;border-radius: 1px!important;box-shadow: 2px 3px 2px #000!important; padding:6px!important;text-transform: none!important;}
</style>
Editing the CSS 
Replace the black bolded text with any message you may
like.
 you can replace the  highlighted link with your Custom Privacy Statement page if you don't want to link to https://www.blogger.com/go/blogspot-
cookies". The default link points to Blogger's Privacy page for Cookies info.

To change Notice Bar background color edit #ff2edc
To change the border that appears at the bottom of
the bar edit #333333
To change the background color of Buttons edit #333333
To change the font color edit #333333

End result
If you paste the above directly to your template html, your cookies notification changes from; 

This

To


This

Labels:

Comments

Post a Comment

Popular posts from this blog

#Day2: Overcoming Procrastination

Have you ever tried getting rid of procrastination but find yourself procrastinating about doing what's needed to be done? # Day2 of my 30 days on a Confused State of Mind. Today, it's about overcoming my biggest struggle, Procrastination. In case you missed #DAY1 Of my Confused State of mind, You can go read it >>>>  Discovering my self-worth 99% of times, I find myself procrastinating but worrying over the fact that I can't fight it! Like whom ever said I couldn't fight it? It's a rough fight and I'm always at the losing end. I feel bad about the fact that I go through this but I'm not ashamed to admit it. Probably spiting it out is one of the ways I've got to fight it. Who Else Rows the Boat? The act of postponing and procrastinating isn't peculiar to me, definitely there are a lot more people out there struggling even worse than I. But it doesn't matter, because we are all birds of a feather!  Obviously, it feels so bad to b...
Continue Reading

How To Expand Your Wordpress Ping List

WordPress ping list are indeed useful when you want to extend your blog reach to major search engines. If you are not aware of pinging feature in WordPress, then be aware now! :) When ever you publish, edit or modify a post, WordPress sends ping to all the Ping services which must have been listed under your ping update service. So this way, ping services get notified about new post and search engine will quickly index them. Now by default WordPress notifies all major ping services but we can always extend our limit by pinging more services. adding them manually is an option definitely.  Below is a list of ping services for WordPress , which will help you to ping more services. You can also copy the list from WordPress doc file http://rpc.icerocket.com:10080/ http://blogsearch.google.com/ping/RPC2 http://1470.net/api/ping http://api.feedster.com/ping http://api.moreover.com/RPC2 http://api.moreover.com/ping http://api.my.yahoo.com/RPC2 http://api.my.yahoo.com...
Post a Comment
Continue Reading

I Hate Captchas, We All Hate Google Recaptcha

A good number of internet users if not all have come across and solved a captcha. Captchas are antibot checkers employed by websites to impede scam and spam. but these captchas are somewhat annoying and the latest and now most popular member of the captcha family, Google recaptcha, keeps popping up here and there in an absolutely unbearable and annoying manner. Solving captchas over the years have become somewhat harder and uncalled-for, especially with the spread and popularity of Google recaptcha. Solving captchas used to be fun and easier when users had to type in words and numbers as seen correctly but now reverse is the case as most websites have began using google recaptcha and recently, in order to have access to some websites, you need to prove that you are human! obnoxious I must say! To avoid getting stressed over selecting all roads, cars or signs, you could simply use Google Chrome browser. It's sickening that out of 10 sites you visit in a day, at...
Post a Comment
Continue Reading