19 BLOG MAKE-OVER TIPS

Toen ik in augustus mijn blog een make-over gaf, was er blijkbaar wel vraag naar wat tips & tricks om het uiterlijk van je blog aan te passen. Ikzelf werk met Blogger en ben daar nog altijd content van omdat het een erg duidelijk en eenvoudig blogplatform is. Ondertussen ben ik het natuurlijk ook gewoon om er mee te werken en kan ik (voorlopig) de energie niet opbrengen om over te schakelen naar WordPress of Squarespace.

Toegegeven de mogelijkheden van Blogger zijn véél beperkter op zowat alle vlakken en al zeker op het gebied van vormgeving, maar met wat aanpassingen hier en daar kan je het uitzicht van je blog toch wat persoonlijker maken. Een echte tutorial om je blog een make-over te geven is het niet geworden aangezien elke blog anders is en iedereen een andere goesting heeft. Wat praktische tips kan ik je wel meegeven.


1. Neem je tijd
Ik ben absoluut geen webdesigner (die werken trouwens niet met Blogger) met als gevolg dat ik heel veel heb moeten proberen (en veel daarvan is ook niet gelukt). Geduld is echt wel nodig en stap-voor stap, elke dag ietsje veranderen aan je blog werkt vaak het best.

2. Een moodboard
Maak eerst een (geheim) moodboard op Pinterest met alles dat je blog- en designgewijs mooi vindt. Denk er niet te veel over na en gooi gewoon alles wat je aanspreekt op dat bord. Nadien zal je zien dat er een bepaalde lijn in zit; welke kleuren, lettertypes en sfeer je boeien. Voor mij was dit heel handig om te zien wat mij echt aanspreekt.

BLOGGER op Pinterest - Google Chrome 11112015 174623.bmp

3. Een testblog
Maak een tweede blogspot aan en zet die bij instellingen op privé. Zo kan je rustig van alles uitproberen en prutsen zonder dat je je eigen blog verpest en geen kat die het ziet. Alles kan je dan aanpassen: breedte, lettertype, widgets in de zijbalk, foto’s, header etc. Wanneer dan alles is zoals je wil, kan je het sjabloon kopiëren en toepassen op je blog. (je zal dan nog wel de widgets in de zijbalk en nog wat kleine dingen moeten aanpassen, maar het werkt veel gemakkelijker)
 
4. Back-up
Als je veranderingen aanbrengt op je huidige blog maak dan ALTIJD eerst een back-up van je template! Dit doe je rechts bovenaan bij ‘back-up/herstellen’ in het tabblad ‘sjabloon’.
 
5. Template
Ik denk dat de ‘Simple’of ‘Eenvoudig” template het gemakkelijkst is om zelf aan te passen. Je kan ook templates downloaden die gratis worden aangeboden door webdesigners (bv. deze, deze of deze), maar die zijn vaak moeilijk zelf nog aan te passen. 
 
6. Stap voor stap
Beslis eerst over de breedte en indeling: sjabloon > aanpassen > indeling of breedte aanpassen. Kies dan 1 of 2 lettertypes en vervolgens 2 of 3 kleuren. Deze vormen de basis van je blog en verander je nadien best niet meer. 
!Onthoud de #kleurcodes van je blog. Dat maakt het naar de toekomst toe eenvoudiger om alle kleuren uniform te houden.
7. Eenvoud siert
Ben je niet goed in het maken van een header, kies dan eerder voor iets eenvoudig (je blognaam in een mooi lettertype) dan een brik à brak zelfgemaakte header. Dit of dit is hier een goed voorbeeld van.

8. Patroon
Over smaken en kleuren valt natuurlijk niet te discuteren, maar ik ga er vanuit dat de inhoud van je blog het belangrijkst is en dan kan een drukke achtergrond nogal eens afleiden. Wil je toch niet voor standaard wit gaan, dan kan je hier mooie en subtiele achtergronden vinden. Ze zijn gratis te downloaden en nadien te installeren via sjabloon > aanpassen > achtergrond.

Blogger De Zuster Van - Sjabloonontwerper - Google Chrome 20112015 102005.bmp9. Widgets
Widgets brengen je blog wat tot leven en installeer je in de zijbalk. Dit is een leuke Pinterest widget en eentje voor Instagram kan je hier vinden. Je installeert ze bij indeling > gadget toevoegen > HTML/JavaScript (Ze moeten dan nog wel wat aangepast worden aan je eigen breedte en goesting. En met breedte bedoel ik uiteraard de breedte van je zijbalk. Haha, flauwe mop!)
 
10. Google fonts

Google fonts heeft mooie lettertypes. Hier is een goede tutorial om ze te installeren. Het lijkt moeilijk, maar is eigenlijk heel simpel. Gewoon stap voor stap de instructies volgen en dat komt in orde.

 
11. Welk lettertype 
Heb je een leuk lettertype gezien op een andere blog maar weet je niet welk het is? Installeer WhatFont in je browser en een simpele klik geeft het lettertype, de grootte en kleur weer.

Voorbeeld WhatFont

12. Dezelfde breedte 
Maak al je afbeeldingen even breed, dat oogt mooier en geeft rust. Ik gebruik Flickr om mijn foto’s te uploaden en kopieer ze dan standaard met de HTML-embed code 800 x … in het HTML gedeelte van het blogbericht. Aangezien mijn tekstbreedte ook 800 px is, is alles mooi uitgelijnd.
 
13. Verwijder Flickr-informatie 
Sinds een aantal maanden staat er standaard informatie op alle foto’s gedeeld met Flickr. Wil je dit liever niet, vervang dan de ‘true’ in de html code door ‘false’.

Screenshots2

14.  Ontblogger je blog
Blogger heeft een aantal typische kenmerken die je blog er niet aantrekkelijker op maken. Verwijder deze voor een frisser resultaat.
“Blogger navbar” bovenaan je blog: 
indeling > navbar >  bewerken > uitgeschakeld > opslaan
“abonneren op: Berichten (Atom)” onderaan je blog: 
sjabloon > aanpassen > geavanceerd > CSS toevoegen (helemaal onderaan) > plak de volgende code .feed-links { display:none; } > druk enter >toepassen
“Mogelijk gemaakt door Blogger” onderaan je blog: 

sjabloon > aanpassen > geavanceerd > CSS toevoegen > plak de volgende code #Attribution1 { display:none; } > druk enter > toepassen

15. Afbeeldingen zonder titel

Wil je geen verplichte titel bij een afbeelding in de zijbalk, type dan als titel.
 
16. Canva 
Niet iedereen heeft toegang of het talent & de kunde om met fancy grafische computerprogramma’s te werken (ikke!). Canva is een grotendeels gratis website om heel gemakkelijk leuke grafische dingen voor je blog te maken, bv. infographics, headers, tabellen, collages, uitnodigingen,… Het is zo simpel!

 
Een diepzinnige tekst hier.

17. Stockfoto’s 
Maak je zelf niet graag foto’s? Gratis en royaltyfree stockfoto’s kan je vinden op:
         Life Of Pix
          –Unsplash
          –StockSnap
18. Terug naar boven

Een pijltje dat onderaan je scherm verschijnt om je bezoekers in 1 klik terug naar boven te brengen, vind ik persoonlijk erg handig. Een goede tutorial hiervoor, kan je hier vinden en je kan een zelfgekozen afbeelding gebruiken.

 
19. Zoek in het Engels 
Je zal het al gemerkt hebben, maar de meeste Blogger handleidingen zijn in het Engels te doen. In het Nederlands zijn er weinig tutorials te vinden en daarom kan je het best in het Engels Googelen naar handleidingen. 

Bonus tip:
Super cliché maar oh zo belangrijk: maak in de eerste plaats een blog die jij mooi vindt! Al de rest is bijzaak. (Behalve als je Comic Sans gebruikt, dan sta je er alleen voor.)
 
 
Nog enkele leuke sites met blogger tips:
http://xomisse.com/blog/tag/blogger/ (tijdelijk in verlof)
32 Reacties
  • Saskia SSeWS
    november 21, 2015

    Bedankt! Dit is een heel interessante post die ik heel goed kan gebruiken!
    Het mag gezegd, jouw blog straalt rust en stijl uit!

  • Saskia Vandenbroeck
    november 21, 2015

    Hier kan ik zeker wat mee! Zo hoef ik de overstap naar wordpress toch (nog?) niet te maken. Heel fijn! Bedankt.

  • MultiVroon
    november 21, 2015

    Ah, tip 15, top!

  • MultiVroon
    november 21, 2015

    Ah, tip 15, top!

  • Villa Sepia
    november 21, 2015

    Heel bruikbaar. Dank je wel.

  • Lies:
    november 21, 2015

    Die canva moet ik ns checken..

  • Marleen (Petrol and Mint)
    november 21, 2015

    Cool! Merci voor de tips! Ik ga er zeker een paar eens uitpluizen!

  • chez victorine
    november 21, 2015

    Genoteerd! Thanks voor de tips! Nu heb ik geen excuus meer om eens werk te maken van een nieuwe lay-out voor mijn blog 🙂

  • JoChapeau
    november 21, 2015

    Tof ! Deze blogpost moet ik zeker onthouden om misschien in de toekomst hier en daar wat bij te stellen op mijn blog ! Merciekes !

  • eva maria
    november 21, 2015

    Alright!
    Love you, Annelies! X

  • Aurelie E.
    november 22, 2015

    Oh dank je wel! Super interessant!
    Ga er zeker mijn tijd voor nemen in de vakantie om alles hieromtrent uit te pluizen.
    Wist soms niet goed meer wat te doen met m'n layout dus dit kwam als geroepen! 😀
    mizolilie.blogspot.com

  • PEEPS
    november 22, 2015

    Super, hier moet ik ook eens werk van maken ! En mijn uitstelgedrag hier rond aanpakken. Met jouw tips moet dit wel lukken
    Bedankt

  • Anne-Marie Breurkes-Rood
    november 22, 2015

    Hoi Annelies, hartelijk bedankt voor deze informatieve blogpost. Daar ga ik mee aan de slag!

  • Guy en Dina
    november 23, 2015

    SUPER! 14. is een feit. ahh, dat doet al deugd. Nu de rest nog 😉 Ook gratis extra tijd ergens te vinden?!

  • Guy en Dina
    november 23, 2015

    SUPER! 14. is een feit. ahh, dat doet al deugd. Nu de rest nog 😉 Ook gratis extra tijd ergens te vinden?!

  • Dietemiet blogt
    november 23, 2015

    Tof, bedankt voor de tips!

  • Sylvia Monsieur-Vos
    november 23, 2015

    Bedankt voor de tips, vooral tip 13 en 14 zijn super. Dat gaan we binnenkort maar eens proberen. thx!!

  • Elisse
    november 24, 2015

    Whoa, goeie tips, bedankt om deze op een rijtje te zetten!

  • The Needle Of Choice
    november 24, 2015

    Moodboard, check! Testblog, check! Canva, de ontdekking van de eeuw voor mij, ook check! Super bedankt voor al die ontzettend nuttige tips!

  • Zilverwol
    november 29, 2015

    Super blogpost, ik heb weer wat bijgeleerd. Bedankt!

  • Liesellove
    november 29, 2015

    handig, ik wil al een tijdje een beetje aanpassingen doen maar nu krijg ik een gemakkelijk overzicht van wat ik allemaal kan doen zonder urenlang te moeten zoeken, bedankt! x

  • Any Dress by Linda de Boer
    november 29, 2015

    Superblij dit blog. Ik ben al een heel stuk wijzer geworden in blogger. Was namelijk al op zoek naar het e.e.a. Sommige dingen willen echter nog niet lukken.

    Vroeg me af, kun je ook uitleggen hoe je de reacties zichtbaar krijgt zoals hierboven en hoe je dit reactieblok in je Blog krijgt. Dan heb ik mijn blog namelijk zo goed als ik het hebben willen. Thanks

    P.S. Volg je blog met plezier

  • De Zuster Van
    december 1, 2015

    Hoi Linda!

    Dankjewel, het is fijn om te horen dat de tips nuttig voor jou zijn geweest.

    Ik weet niet goed of ik je vraag begrijp, maar de reacties kan je aanpassen bij Instellingen > Berichten en reacties. Daar kan je kiezen voor 'ingesloten' zodat de reacties en reactieblok zichtbaar worden onder elk geopend bericht en niet in een aparte pop-up. Hopelijk helpt dit je al op weg.

    Groetjes!

  • Sofie
    december 14, 2015

    Super! Vooral die heb ik al toegepast op mijn blog!
    De rest ga ik opslaan in mijn archief, lees hoofd, voor als ik nog eens aan de slag wil!
    Dank je wel
    Groetjes Sofie

  • Sofie
    december 14, 2015

    Oeps, en nu typte ik dat 'haakje, uitroepteken, haakje' en komt het hier ook niet te staan, hahaha. Want daar had ik het over 😉

  • Sylvia @ lilyenwoody
    december 19, 2015

    Bedankt voor al de tips, ik probeer deze momenteel in de praktijk om te zetten, maar ben een echte blogger dummie. Het sjabloon van mijn blog is “eenvoudig” en ik slaag er niet in om hier het lettertype of titelkleur aan te passen. Kan dat aan dit sjabloon liggen?

  • De Zuster Van
    december 22, 2015

    Ik denk niet dat het aan het sjabloon ligt. Je kan het lettertype veranderen bij sjabloon en dan eentje kiezen uit de lijst. Ook via Google fonts kan je het lettertype veranderen. Als je dit doet via de link die ik hier boven meegeef, moet je wel opletten wanneer je de code in je template plakt: Je moet zelf een / typen achteraan de code, net voor > Als je dit niet doet, zal het niet lukken.
    Veel succes!

  • TinneV
    januari 29, 2016

    Wat ben ook ik je dankbaar voor je erg interessant info! het blijft wel een heuze zoektocht om alles te krijgen zoals we het willen maar jouw info is echt een hulp

  • TinneV
    januari 30, 2016

    Is er een reden waarom je er voor kiest een link in je tekst niet te laten openen op een nieuwe pagina?

  • De Zuster Van
    januari 31, 2016

    Nee, want eigenlijk ging ik er vanuit dat links op een nieuwe pagina opende. 🙂 Dus bedankt om me er op te wijzen, ik heb het meteen aangepast!

  • DoDidIt
    maart 20, 2016

    Super hard bedankt voor deze nuttige tips! Ik heb mijn blog er serieus mee kunnen aanpakken, wat nodig was! Ik ben nog wel op zoek naar iets… Hoe kan je de berichtvoettekst aanpassen? Bij mij zie je alle symbolen van social media in een grijs vlakje en daar kan je ook de reacties openen… Enig idee hoe ik die symbolen wegkrijg en ik de tekst 'reacties' kan veranderen?

  • De Zuster Van
    maart 21, 2016

    Hey Dominique,

    Ik ben net even een kijkje gaan nemen op je blog en dat ziet er super uit. Mooi, fris en overzichtelijk!

    Om de berichtvoettekst te veranderen ga je naar Blogger > indeling > blogberichten > bewerken Hier kan je aanvinken wat je wel en niet in je berichtvoettekst wil. De kleur kan je wijzigen bij sjabloon > aanpassen >geavanceerd > berichtvoettekst

    Hopelijk helpt dit, groetjes!

Reageer op dit bericht

Het e-mailadres wordt niet gepubliceerd. Verplichte velden zijn gemarkeerd met *