You can rearrange the buttons in the order you like by Drag and Drop.
Success Stories
Background image copyright: NASA Goddard Space Flight Center
Icons by Freepik from Flaticon is licensed by CC BY 3.0
Change Background

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.

Contact Form

Name

Email *

Message *



Success Stories