13 Sept 2015

And Then A Banner….

Here's a little something that may help any of you folks out there wot write a Blog and use Blogger.

I'm guessing you've noticed that recently your Blog has been blessed with one of they 'This site uses cookies' banners and in Google's infinite wisdom, this warning bar takes up approximately a third of the screen.  Seems it's one of they EU directives so it must be jolly important.

If it's any help, or if you can be bothered, here's some code I glued together to reduce the size. You believe that? Didn't think you would; here's some code I found over here. Go there and there are further subtle changes you can make to colours etc which I haven't tried yet.

In the shell of a nut, no particular nut, go to your Blogger account. Go to Template. Backup your template to your computer – just in case, you understand - then click on Edit HTML and paste the following code directly below this bit;
]]></b:skin>/b:skin> {It may differ to this; mine was something like </b:skin>—</b:skin> It's pretty close to the top of that HTML stuff. Seems like just hit enter after a 'skin' bit to get an empty line and paste all below in green. Good luck.

    <!--Custom EU Cookies Notice by STCnetwork.org-->
    <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>

Save and sign out. By the way, I didn't see the change until I closed the browser and started it again.

Go on, you know you want to. If nothing else, it's something to fiddle with, and possibly break, of a Sunday evening.

Here's another method to look at which may be simpler.

Quote;  Gerald Weinberg.

"If builders built buildings the way programmers wrote programs, then the first woodpecker that came along wound destroy civilization."

No comments: