Blogger Thema en inrichting model

Bloggen doen we met Google met een gratis [adres].blogspot.com

Op deze pagina krijg je inzicht over hoe je dat, zonder hoofdbrekens, simpel en doelmatig inricht. Wij kiezen een Thema uit de reeks thema's die de beste mogelijkheid biedt om er iets leuks van de maken. 

Instellingen Thema Travel Road

Maak eerst een keuze voor een thema: Travel Road

 

Toegepaste template:
Travel Road; deze template biedt de meeste instelmogelijkheden.

 

Blog-instellingen

Achtergrondafbeelding

Afbeelding uploaden van volle breedte zwart:

Noot: bij het opzetten van de blog de bestaande afbeelding verwijderen en eventueel aanvullen met een afbeelding 1920x1080 zwart (#000000); RGB = 0,0,0
Afbeelding: black background blogger.png om de eventuele restanten van de achtergrondkleur te maskeren.

Uitlijning: centreren

Keuze Opdelen en Met pagina meescrollen AAN

Belangrijkste kleurthema

Het kleurthema van je blog wijzigen.

Ga naar het tabblad Geavanceerd om kleuren voor specifieke elementen aan te passen.

Breedte aanpassen

Maximale breedte van deze template is 1500 px, onderverdeeld in

Hele blog 1150 (Let op dat later aangebrachte afbeelding niet automatisch aanpassen met het veranderen van de instellingen Hele blog)

Rechterzijbalk 350 (de breedte van de rechterzijbalk is bepalend voor ~30 tekens tekst.

Lay-out

Vormgeving van de hoofdtekst: een rechter zijbalk

Vormgeving van de voettekst: 3 kolommen

 

Geavanceerd (pull down menu)

Tekst op pagina:

Lettertype:

Verdana 13px (in live site vergroten met CTRL + scroll muis +/-)

Tekst kleur:

Transparant: uit

Themakleuren: 5e icon-grijs

 

Achtergronden

Achtergrond buitenkant:

Transparant: uit

Themakleur: 1e icon-zwart

Hoofdachtergrond:

Transparant: uit

Themakleur: 1e icon-zwart

 

Links

Transparant: uit

Themakleur:  (linkkleur in Tekst op pagina): 2e icon blauw

Kleur van de bezochte links: 3e icon-okergeel

Aanwijskleur: 4e icon-groen

 

Blogtitel

Lettertype: Verdana 35px (FLIGHT SIM EINDOVEN)

Transparant: uit

Themakleur: 5e icon-grijs

 

Blogbeschrijving

Transparant: uit

Beschrijvingskleur: wit (DE GEZELLIGSTE…)

Themakleur: 5e icon-grijs

 

Tekst van tabbladen

Lettertype: Verdana 16 px

Tekstkleur: (menu balk)

Transparant: uit

Themakleuren: 4e icon-groen

Geselecteerde kleur: 2e-icon-blauw

 

Tabbladachtergrond

Achtergrondkleur: zwart

Themakleuren:

Transparant: uit

Themakleuren: 1e icon-zwart

Geselecteerde kleur: zwart

Themakleuren:

Transparant: uit

Themakleuren: 1e icon-zwart

 

Datumkop (boven de artikel tekst)

Lettertype:

Verdana 12px

Tekst kleur:

Transparant: uit

Themakleuren: 5e icon-grijs

 

Kop van de post

Lettertype: Verdana 18px

Tekst kleur:

Transparant: uit

Themakleuren: 3e icon-okergeel

 

Achtergrond posten

Transparant: uit

Themakleuren: 1e icon-zwart

 

Kleur van gadget titel (side menu)

Lettertype: Verdana 16px

Tekst kleur:

Transparant: uit

Themakleuren: 5e icon-grijs

 

Gadgettekst: (sidemenu)

Lettertype: Verdana 14px

Tekst kleur:

Transparant: uit

Themakleuren: 5e icon-grijs

 

Links naar gadgets (side menu)

Kleur link

Transparant: uit

Themakleuren: 5e icon-grijs

Kleur bezochte link

Transparant: uit

Themakleuren: 3e icon-blauw

Alternatieve kleur:

Transparant: uit

Themakleuren: 2e icon-okergeel

 

Achtergrond zijbalk

Achtegrondkleur

Transparant: uit

Themakleuren: 1e icon-zwart

Keur van schuin effect (scheidingslijn tussen de groepen)

Transparant: uit

Themakleuren: 5e icon-grijs

 

Kleur van mobiele knop

Kleur van de mobiele knoppen

Transparant: uit

Themakleuren: 2e icon-blauw

 

• CSS toevoegen: Posts (Atom) weghalen

• .blog-feeds { display: none !important; }

• Body tekst

• Bij het maken van tekst rekening houden met de instellingen op de menubalk van Posts

• Het lettertype instellen bij A

• De lettergrootte instellen met tT (Default = Normaal)
• De koptekst grootte instellen met Keuze 

 

Lettergrootte van

Grote kop: (niet gebruiken)

Kop:

Subkop: 111,168,220 blue

Kopje:

Paragraaf:

Normaal: 13 px Verdana

 

Eerst de tekst typen en dan de opmaak aanbrengen

Het aanbrengen van een kop geeft automatisch een blanco regel tussen de tekst.

Standaard kleur voor de koppen als bij Subkop

_________________________________________________________

Overzicht van gebruikte  Headers en Colors

Zwart= RGB (0,0,0)

Wit = RGB (255,255,255)

Kopkleuren RGB(111,168,220)

• Subkop: 111,168,220 blue

• Web colors

• okergeel =FCB900

• groen= 00D084

• cyan blue= 0693e3

• was blue= 8ed1fc

• marquee color yellow (beste resultaat) F&CB4D

• -

• Grote kop =  61 blauw

• Kop = 111

• Subkop = 241 geel

• Kopje = 106 groen

• Paragraaf = instelling

• Normaal = instelling

• -

• Lettertype: Standaard of Courier

• Lettergrootte: Standaard of Gemiddeld

• Post lay-out en gebruikte kleuren

• Lettertype = standaard of courier

• Lettergrootte- gemiddeld

• grote kop= 61 blauw

• kop= 111 artikel inhoud

• Subkop = 241 geel

• Kopje = 106 groen

Header size = 1584 x 769 px

Hoe krijg je Abonneren op: Posts (Atom)weg

Volg deze stappen:

1. Log in op je Blogger dashboard en selecteer de juiste blog.
2. Klik in het linkermenu op Thema.
3. Klik op het pijltje naast 'Aanpassen' en kies HTML bewerken.
4. Klik ergens in de code en druk op Ctrl + F (of Cmd + F op Mac) om te zoeken.
5. Zoek naar de tag ]]></b:skin> of </style>.
6. Copy/Paste de volgende rode code direct erboven

.blog-feeds { display: none !important; }

Dit wordt het resultaat: