Tips en tutorials voor beginners en gevorderde bloggers

Blockquotes in Blogger pimpen!

block quotesEen 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.

blockquote
De ingesprongen tekst is de blockquote

Blockquotes in Blogger: aanpassen naar jouw smaak

Laten we deze blockquote eens wat leuker maken! En dat gaan we doen met deze code:

.post blockquote {
background: #f5f5f5;
padding: 5px;
font-family: 'Oswald';
font-size: 20px;
color: #77cfe1
}

Stappenplan om je blockquote te pimpen

  1. Ga naar je Blogger Dashboard
  2. Gaar naar Template
  3. Klik op Customize
  4. Klik op Advanced
  5. Scroll omlaag naar CSS
  6. Plak de code die je gekopieerd had in het vak.
  7. Klik op save.

Als je nu je blog bekijkt zie je dit:

blockquote

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!

Leave a reply