Tips en tutorials voor beginners en gevorderde bloggers

Zo personaliseer je die lelijke cookies bar van Blogger!

cookies barDe EU heeft verplicht gesteld dat je op je blog vermeldt dat er ‘cookies‘ op staan. Iets waar volgens mij echt niemand blij mee is. Zowel bloggers als bezoekers balen van die irritante cookiemelding. Maar ja, het is de wet.

Blogger is zo vriendelijk geweest om het bloggers makkelijk te maken. Ze hebben alle Blogger blogs voorzien van een cookies bar zodat je blog automatisch voldoet aan de regel.

Maar echt mooi is hij niet. Hier onder zie je de standaard cookies bar van Blogger:

cookies bar blogger
Bah, wat een lelijk ding!

 

Vind jij de Blogger cookies bar ook lelijk? Dan heb ik goed nieuws: je kunt hem naar smaak aanpassen!

Hier onder leg ik uit hoe je dat doet. (N.B. Maak eerst altijd even een back-up van je template als je er in gaat werken!)

Pas de automatische cookies bar aan

Update 6 maart 2016: je kunt de code ook met behulp van de Blogger Template Designer in je blog plakken. Dan hoef je niet in de html te knoeien. Hoe je dit doet lees je hier.

1. Ga naar je Blogger dashboard
2. Kies Template
3. Kies html
4. Zoek:

 ]]></b:skin>

5. Plaats onderstaande code hier meteen onder:

<!--Custom EU Cookies Notice by STCnetwork.org-->
<script type="text/javascript">
  cookieOptions = {
    msg: "Deze site gebruikt cookies. Het is maar dat je het weet.",
    link: "https://www.blogger.com/go/blogspot-cookies",
    close: "Geen probleem!",
    learn: "Vertel me meer" };
</script>

<style>.cookie-choices-info {z-index:999999!important;background-color:#333333!important;border-bottom: 1px solid #6FC415; color:#ffffff!important;
        box-shadow: 1px 2px 2px #000;}.cookie-choices-info .cookie-choices-button{  background-color: #6FC415!important;border-radius: 1px!important;box-shadow: 2px 3px 2px #000;}</style>


 

6. Klik op save.

En dan krijg je dit:

cookies bar blogger

Nu kun je het uiterlijk van je cookies bar naar smaak aanpassen!

  • Achtergrond cookies bar: #333333 aanpassen
  • De groene rand onder de cookies bar: #6FC415 aanpassen
  • Kleur van de letters/font: #dddddd aanpassen
  • Kleur van de buttons: #6FC415 aanpassen

Ik heb dit bij mijn Blogger blog Momlit gedaan. En dit is het geworden:

cookies bar
Mooi geworden vind ik zelf!

 Conclusie over de Blogspot cookies bar

Het is handig dat Blogger je helpt om te voldoen aan de eisen van de EU wat betreft cookies. Het is alleen jammer dat hun automatische cookies bar niet zo mooi is. Gelukkig is het heel eenvoudig om hem naar wens aan te passen en te macthen met de kleuren van je blog! In bovenstaande post legde ik uit hoe dat moet.

N.B. Als je dit lastig vindt, kun je er ook voor kiezen de cookies bar onderin je blog te zetten. Dat helpt ook. Hoe je dat doet lees je hier.

Heb jij vragen of wensen voor posts op Bloggen en loggen? Of vragen over bovenstaande post? Vertel het me in de comments!

28 Responses to Zo personaliseer je die lelijke cookies bar van Blogger!

  1. Ik snap het nog niet! Waar is het dashboard? En waar vind ik een template?
    Ik zie een rijtje staan waar zich de volgende knoppen bevinden:
    Overzicht
    Berichten
    Pagina’s
    Reacties
    Google+
    Statistieken
    Inkomsten
    Campagnes
    Indeling
    Sjabloon
    instellingen

    Waar kan ik de template vinden?

  2. Toen ik je post op G+ tegenkwam gisteren, heb ik meteen je blogpost gelezen. Je weet: dat standaard blogger template pas ik graag aan aan mijn eigen smaak.

    Naar aanleiding van dit bericht heb ik er wel over nagedacht om die lelijke cookiesbar aan te passen, maar voorlopig heb ik besloten om het niet te doen. Als ik ‘m matchend maak met het uiterlijk van mijn blog valt ie minder op. Ik laat ‘m voorlopig zo storend lelijk omdat ik hoop dat mensen ‘m dan sneller zullen weg klikken.

  3. Goedenavond, ik had mijn cookiesbar al eens aangepast met behulp van Versitale Eva. Een tof jong Belgisch bloggermeisje. Met jouw bijkomende tips heb ik ze nog meer kunnen verfijnen. Zo is ze helemaal zoals ik ze wil.

    Bedankt!

  4. Euhmmm, hier komik niet uit.
    Heb op Sjabloon geklikt en HTMLbewerken…maar nergens staat dit ]]>
    Zie wel diverse keren dat b:skin staan maar geen met die eerste 2 haakjes en met die groter/kleiner tekens zoals jij dat hier hebt neergezet.
    Kijk ik niet goed of kan het er ook iets anders staan?

    • Ik heb op mijn Blogger oefenblog even jouw watermark template geïnstalleerd en vind ]]> meteen. Ik zit dus even te denken wat de oorzaak kan zijn dat je het niet vindt.

      Heb je er op gelet dat je met de muis op de eerste regel van de tekst van de html staat als je vervolgens klikt op ‘find’?

      • Hihi, nee…geloof dat ik nu heeeel blond ben want er staat nergens ‘find’ of ‘zoek’ Sorry hoor…en moet ik de hele eerste regel selecteren dan? Al zie ik ook dan nergens ‘find’…

        • Je hoeft niets te selecteren. Het is alleen belangrijk dat je met de cursor in de html tekst staat.

          Met Control-F schakel je de find functie in. Druk tegelijkertijd de knop ctrl en de letter F in.

          Je ziet vervolgens rechtsbovenin een venstertje verschijnen. Daar plak je ]]> in en dan heb je het zo gevonden.

          Als je een mac hebt gebruik je command-F.

  5. Fijn dat het is gelukt Marga! Ik vind de kleur van de cookies bar mooi en passend bij je blog.

    Ik zou hoogstens de kleur van de buttons en de grootte van de letters in de button nog aanpassen. De letters wat kleiner, en de kleur van de button wat zachter.

    Maar dat heeft ook met smaak te maken.

    Je blog ziet er leuk uit in ieder geval!

    • Dankje Nicole, fijn dat je even hebt gekeken.
      De kleur vd buttons wat zachter zat ik inderdaad zelf ook al mee te kijken.
      En dan kijk ik meteen even naar die letters, dank voor de tips!

      • Gohgoh, ik weet er echt niks van hoor.
        Hoe krijg ik de letters kleiner in die buttons?
        Heb diverse dingen geprobeerd maar dat heeft niet geholpen.
        En als ik die buttons in hetzelfde Font wil hebben, kan dat ook nog?
        Sorry hoor voor alle vragen,heb al wat gegoogled maar kom er niet uit.

  6. Helaas doet mijn blog vandaag echt heel vreemd. Blogger zelf ook trouwens.
    Ik kan de coockiebar helemaal niet meer vinden, gewoon weg. En de code ”]]>” staat ook niet in html versie. Dat zou het een en ander verklaren. Maar vreemd is het wel. Jij een oplossing?

  7. Hi Bloggelientje,

    Ik vind je blog echt super interessant en je helpt me er aardig mee op weg op mijn eigen blog. Maar nu loop ik toch ergens tegen aan. Ik zie namelijk nergens de cookiebar staan op mijn site.
    Ik zag hem er ook niet bij staan toen ik bij HTML versie ging kijken, ik heb net de bovenstaande code van deze blog er in gezet. Maar nog zie ik hem niet staan als ik naar mijn site ga.
    Ik snap er werkelijk niks van? haha.

    Liefs Aphrodite’s Secret♡

Leave a reply