Blockquotes in Blogger pimpen!
Een blockquote is een blokje tekst dat je er uit laat springen. Hier onder een voorbeeld van een blockquote:
‘Jantje zag eens pruimen hangen,
Oh, als eieren zo groot;
De tuinman zag zijn bolle wangen
Sloeg de vuile gapper dood.’
De voordelen van blockquotes!
Persoonlijk ben ik dol op blockquotes. Hier onder de voordelen van blockquotes.
- Ze maken een tekst visueel aantrekkelijk.
- Ze vormen een welkome onderbreking in lange lappen tekst.
- Met een blockquote kun je belangrijke tekst accentueren.
Blockquotes: in alle soorten en maten
Blockquotes zijn er in allerlei soorten maten. Het hangt af van je theme of template hoe zo’n blockquote er uit ziet. Als je één van de Blogger templates gebruikt, dan ziet zo’n blockquote er nogal saai uit. Hieronder een voorbeeld van een blockquote in het template Simple van Blogger.
Blockquotes in Blogger: aanpassen naar jouw smaak
Laten we deze blockquote eens wat leuker maken! En dat gaan we doen met deze code:
[php].post blockquote {
background: #f5f5f5;
padding: 5px;
font-family: ‘Oswald’;
font-size: 20px;
color: #77cfe1
}[/php]
Stappenplan om je blockquote te pimpen
- Ga naar je Blogger Dashboard
- Gaar naar Template
- Klik op Customize
- Klik op Advanced
- Scroll omlaag naar CSS
- Plak de code die je gekopieerd had in het vak.
- Klik op save.
Als je nu je blog bekijkt zie je dit:
Kleur en lettertype zijn aangepast. Vind je het niks? Dan kun je het font, de kleur en de grootte aanpassen in de code die je net geplakt hebt.
Veel plezier er mee!
Reacties
Blockquotes in Blogger pimpen! — Geen reacties
HTML tags allowed in your comment: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>