Blogger: How To Change The Cookies Notification For European Union Countries

The cookie notification on Blogger comes on every blog for EU visitors. The cookie message appears on top of the blog.

Here is a solution how to make it not so prominent.

The code below will move the cookie notification bottom, will change the color to white background and gray text.

To do this:

1. Go to your blog on Blogger.com dashboard and choose Layout.



2. Press "Add a Gadget"

3. Choose "HTML/JavaScript"



4. Copy and paste the code below

<style>

#mainPanel{
position:relative ; 
}
#androidbanner{
position:absolute ; 
top:10px; 
right:-90px;
}

@media screen and (max-width: 900px){
 #androidbanner{
display:none;

 }
}

#cookieChoiceInfo {
  position: fixed;
  width: 100%;
  margin: 0px;
  left: 0px;
  bottom: 0px !important;
  top:auto !important;
  padding: 0px;
  z-index: 999999 !important;
  text-align: center;
  font-weight: normal !important;
  color: rgb(125, 125, 125) !important;
  line-height: 200%;
  background-color: rgb(255, 255, 255) !important;
  font-size:12px !important;
}

#cookieChoiceInfo div{
  position: relative;
  width: initial;
  margin: 0px;
  left: 0px;
  top: 0px;
  padding: 10px 8px !important;
}
#cookieChoiceInfo a{
 border-radius: 6px;
  font-weight: normal !important;
  color: rgb(255, 255, 255) !important;
  margin-left: 8px;
  padding: 6px;
  background-color: rgb(138, 138, 138) !important;
}

#cookieChoiceInfo #cookieChoiceDismiss{
border-radius: 6px;
  font-weight: normal !important; 
  color: rgb(255, 255, 255);
  margin-left: 8px;
  padding: 6px;
  background-color: rgb(138, 138, 138) !important;
}
</style>

5. Don't give a name to the gadget.

6. Press "Save"

7. Job done! The cookie notification for EU Law is now on the bottom of your blog and is just got better.