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

Earn While you Save With Alat.ng

If you've always wanted to save up for the future, but didn't take actions for reasons best known to you, now is the time to reconsider your thoughts and take actions, because there is a digital bank known as ALAT waiting to be utilized. What Is A Digital Bank? According to Avoka.com; "Digital banking is the digitization (or moving online) of all the traditional banking activities and programs that historically were only available to customers when physically inside of a bank branch." What is ALAT? ALAT is a digital bank, the first if its kind in Nigeria! It is an innovation of Wema Bank Nigeria, developed to give you easy access to saving your funds and doing other bank transactions without being physically present at the bank.  With Alat digital bank, you can open a savings account using your phone number and Bank Verification Number (BVN) as well as other documents that you will be prompted to upload during the registration process. It’s simple, convenient, reliabl...
Post a Comment
Continue Reading

How to get a Payoneer Account For Receiving and Making Payments Online (Best Paypal Alternative)

Paypal is the most popular online payment processor and about 98% of websites make use of it to pay workers and publishers. Paypal is the best when it comes to receiving money and making payment but this flexibility have not been made accessible to some countries. While some don't have access to Paypal at all, others only have access to it as a means of making payments and not receiving payments. Now this is very sickening because such restriction impedes the chance of making money online. How are you going to get paid after all your struggles? As a Blogger and Affiliate Marketer or someone that works online, you will definitely need to get paid for the services you've rendered with or without a PayPal account! You've probably always paid someone to receive your cash which in the long run reduces your money. But not to worry, there's always a way out. There are tons of paypal alternatives , and they've been discussed previously, but here, we will ...
Post a Comment
Continue Reading

People Whom I think Should Start A Blog

Blogging is beautiful when you enjoy writing, researching and finding out new things. There many reasons why people start blogging and there are other reasons why people don't blog despite having the ability to do so. Start Your Blog Even though you don't have interest in starting a blog, Probably because you feel you don't have a reason to but I bet you build that need if you fit into any of the category below. People Who Write Beautifully Well Though you may have never considered blogging a hobby to add to your other hobbies but if writing is something you enjoy doing, then I shall have to ask you to start a blog today because your written works needs somewhere to glow. Your blog wouldn't just serve as a place to showcase your writing ability, but it will also help improve the skill. I've seen a Facebook post with over 100 comments and truth is, this person isn't a celebrity but someone with an amazing writing style! If you don't have a bl...
2 comments
Continue Reading