How to Add a EU Cookie Law Notification Bar European Union laws require you to give European Union visitors information about cookies used on your website or blog. In many cases, these...
2018-07-31T07:44:58Z

How to Add a EU Cookie Law Notification Bar

European Union laws require you to give European Union visitors information about cookies used on your website or blog. In many cases, these laws also require you to obtain consent.

HTTP cookies (also known as web cookie, Internet cookie, browser cookie or simply cookie) a small often encrypted text files given to a Web browser by a Web server located in browser directories. The browser retrieves and sends this file then sent back to the website's server each time and every time user back to the same website.

Notification Bar

Normally, Computer Cookies are created same domain name that is shown in the web browser's address bar. This is called a first-party cookie. And which are not created just by the website the user is browsing but also by other websites that serves ads, widgets, or other elements on the page being loaded known as Third-party cookies. These cookies open up the user's browsing history and regulate how to serve relevant advertisements or how the widgets and other elements function on the page.

So today I want to show you how to add or make or create EU Cookie Law Notification Bar. So, let’s get started!

How to Add a EU Cookie Law Notification Bar


<script type="text/javascript">
 window.cookieconsent_options = { 
 "message": "Cookies help us to deliver our services. By using our services you agree to our use of cookies.", 
 "dismiss": "Okay", 
 "learnMore": "More info", 
 "link": "/info/cookies/", 
 "theme": "dark-bottom" };
</script>
<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/cookieconsent2/1.0.10/cookieconsent.min.js"></script>
Just add this code on your website or blog before </head> tag.

* Replace /info/cookies/ to your Privacy Policy or Cookies Policy

Customize Blogger EU Cookies Notification Bar


The default Notice is a long lengthy text with dull colors, in order to make sure to display a custom Short message to your readers that may also match your Template color theme then follow the steps below:

  • Go To blogger > Template > Backup your template
  • Click Edit HTML
  • Paste the following code just below ]]></b:skin> tag
<script type="text/javascript"> 
  cookieOptions = { 
    msg: "This site uses cookies to help deliver services. By using this site, you agree to the use of cookies.", 
    link: "https://www.blogger.com/go/blogspot-cookies", 
    close: "Got it!", 
    learn: "Learn More" }; 
</script>
<style>.cookie-choices-info {z-index:999999!important;
background-color:#333333!important;
border-bottom: 1px solid #6FC415; 
box-shadow: 1px 2px 2px #000!important; 
padding:3px 0px!important;}
.cookie-choices-info .cookie-choices-text{font-size:14px !important; color:#dddddd!important;}
.cookie-choices-info .cookie-choices-button{
background-color: #6FC415!important;
border-radius: 1px!important;
box-shadow: 2px 3px 2px #000!important; 
padding:6px!important;
text-transform: none!important;}
</style>
  • Replace the black bolded text with any message you may like.
  • If you want you can replace the yellow highlighted link with your Custom Privacy Statement page else you can leave it as it is because the default link points to Blogger's Privacy page for Cookies info.
  • To change Notice Bar background color edit #333333
  • To change the green border that appears at the bottom of the bar edit #6FC415
  • To change the font color edit #dddddd
  • To change the background color of Buttons edit #6FC415
  • Save your template and you are all done!

So this was our guide on How to Add a EU Cookie Law Notification Bar , I hope the methods given above helped you.
Share it:

Blogging

How To

Tutorial

Post A Comment:

0 comments: