Zo personaliseer je die lelijke cookies bar van Blogger!
De 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:
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:
5. Plaats onderstaande code hier meteen onder:
6. Klik op save.
En dan krijg je dit:
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:
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.
Update mei 2018
Op Pipdig, een site waar je blogspot en WordPress themes kunt kopen bieden ze een kant en klaar alternatief voor de lelijke Blogspot cookies bar. De melding komt dan rechtsonderaan je blog. Hieronder een voorbeeld:
Deze cookiesmelding komt rechtsonderaan je blog te staan.
Heb jij vragen of wensen voor posts op Bloggen en loggen? Of vragen over bovenstaande post? Vertel het me in de comments!
Leuk! Ga ik binnenkort eens proberen.
Super tip ! Al draagt een aap een gouden ring de cookie bar van blogger WAS een lelijk ding ! :)
Geweldig dat dit nu aan te passen is.
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?
Je Dashboard vind je door naar http://www.blogger.com te gaan. Log in, en als dat niet nodig is ben je al op je dashboard.
Template = sjabloon
Layout = indeling
Je moet dus op Sjabloon klikken Zuinigaan. En dan kies je ‘Edit html’
Heel erg bedankt! Gelijk aangepast, haha! Ik vond het ook zo lelijk!
Ik heb even gekeken Sher, en mooi gedaan zeg! Hij matcht nu prachtig met je blog!
Oh da’s nog eens handig.
Ik heb naast mijn eigen gehoste wordpress-site ook een blogger-site. Een mooi klusje voor maandag. Dank je wel!
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.
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!
Dankjewel. Het is me -na wat gedoe met Blogger (maar dat had niet met bovenstaande tips te maken)- gelukt.
Ik heb even gekeken en hij is werkelijk keurig geworden!
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.
Dankje Nicole, gelukt!! :-)
Wil je misschien nog even kijken of het zo kan of dat ik andere kleuren moet doen?
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.
weet je toevallig ook hoe je hem onderop je pagina krijgt? Hij valt in deskopversie achter mijn pages en is zo niet op te klikken..
Ja, dat kan! Ik zal er a.s. zondag een tutorial voor publiceren.
He dat is super fijn. Kun jij zien of het mij met de cookie bar nu is gelukt? Hij viel steeds net achter mn balk. Nu hij kleiner is denk ik alleen dat hij helemaal is weggevallen haha.
Ik zie hem nog keurig staan!
Super als het goed is zit hij nu onderaan. Topper bedankt:)
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?
Hoi Minke,
ik heb je blog bekeken en de cookiebar staat bovenaan. Of bedoel je dat niet?
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♡
Waarschijnlijk heb je hem zelf ooit weggeklikt Aphrodite. Ik zie de cookies bar gewoon staan.
Yes! Voor de tweede keer is het me gelukt met jou omschrijving! De kleuren heb ik precies kunnen aanpassen. Zo blij nu :-).