Blogging DIY

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>

Customisations

Replace the black bolded text with any message you may like.

READ:  Affiliate link Cloaking Widget For Blogger

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.

Editing the CSS

  1. 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:

2 Comments
Previous Post
September 19, 2016
Next Post
September 19, 2016

2 Comments

  • Osama Hamdi

    How can I put EU cookies notification at the bottom of my blog to make it faster as a user of blogspot? Does it agree to the policies of Google Adsense?

    • Onome

      the above tutorial is great and is approved by Google.

Leave a Reply

Instagram

  • Yet another 'Story Of My Life'.
It has to be fear, but then, 
The fear of what?
The unknown?
Failure?
Or whatever...
.
.
.
.
.
.
.
.
#life #lifeinism #lifeisgood #prilaga #lifeisagift #mylife #lifechanging #lifestyle #lifeisbeautiful .
@prilaga #quoteoftheweek #quotesgram #quote #quotestagram #lifequotes #deepquotes #quotesdaily #quotegram #quotes #hustlehard #thehustlersgang #sidehustle #hustlers #hustlegang #hustleharder #motivated
  • Sometimes we go extra miles looking for the problem and a solution but then, most times we fail to realize that we are our own problem... Story of my life... .
.
.
.
.
.
.
.

#lifelover #lifeisgood #prilaga #lifehacks #lifestyleblog #lifeisagift #lifestyle #mylife @prilaga #lifechanging #lifeisbeautiful #lifestyleblogger #lifeinism #lifeisgreat #life #lifestyles #quotegram  #quotesgram #quotesdaily #lifequotes #quoteoftheweek #quotestagram #quoteoftheday #quote #quotes #deepquotes
  • Always remember that people will laugh but will do nothing to help in most cases... No matter how dirty your legitimate hustle is, don't let a laugh weigh you down... Happy Grace filled Sunday .
.
.
.
.
.
.
.
.
@prilaga #hustlehard #hustleharder #thehustlersgang #hustlers #hustlegang #sidehustle #prilaga #bloggerstyle #lifestyleblog #blogging #blogger #bloggergirl #prilaga #lifestyleblogger
  • So last week I lost my major excuse for inconsistency... Approximately 1 week after, I've realized that school wasn't all that derailed my attention. Maybe it had a part to play but It wasn't all to blame... One week now I don't see the difference... Hopefully I don't find another excuse... Life is a phase, I just jumped out of one... #nigerianblogger
#uniben
#blogtrovert
#blackbloggers
#proudblackwoman
#procrastination
#unibensoil 
#bloggerlife 
#signout
  • Story of my life in ages...
.
.
.
.
.
.
.
.
#blogger
#Nigerianblogger
#blogtrovert
#quotes
#Nigerian
#blackandwhite 
#blackbloggers
  • Going through situations and shortcomings in #life made me realize that every problem comes with some solution.. But then, If it doesn't have any solution, there's a chance you're not tackling it from the right angle, or you've never tried to do a thing... #positivevibes #bloggerloop1 #studentlife #blogtrovert #quotes #lifeofanintrovert #lifestyleblogger #Nigerianblogger #bloggerlife #blackgirls

Follow Me!