Book Blogging #101 Introduzione alle blockquotes!

Rubrica creata dal blog la cui idea di base è dare consigli, suggerimenti, idee per i blogger (nuovi e non) su tutto ciò che riguarda i blog letterari, dalla grafica all'organizzazione dei post alle recensioni!

Buongiorno, lettori, e benvenuti ad un nuovo appuntamento con la rubrica Book Blogging 101!Il primo post della rubrica è piaciuto molto e sono davvero felicissima che l'idea stia avendo successo!
Prima di passare all'argomento di oggi, volevo parlarvi di due nuove idee che ho avuto per la rubrica!La prima è quella di un post sulla lettura in lingua, con consigli per chi sta per iniziare, libri semplici da cui partire ecc., la seconda è invece quella di un appuntamento dedicato al come conciliare blog (e lettura) alla vita privata e agli impegni giornalieri, pieno quindi di consigli sulla gestione del tempo, sull'organizzazione dei post ecc.!Che ne pensate?Fatemi sapere nei commenti ;)

Ultima cosa prima di partire col tutorial, potreste votare l'argomento che volete vedere nel prossimo appuntamento?Questa settimana non sapevo cosa scegliere e alla fine sono andata un po' a caso, ma per la prossima settimana mi piacerebbe avere qualche indicazione su ciò in cui siete più interessati =) Ecco qui la lista di argomenti!

1.Leggere in inglese

2.Blogging vs Life

3.Seguire gli altri blog: come e quando?

4.Organizzazione e scelta delle rubriche del blog

5.Organizzazione post: scalette, programmazioni, calendari

6.Programmi/siti da usare per la grafica

7.Grafica: trovare l'ispirazione + scegliere i temi e i colori

8.Creare header e banner #1

9.Creare header e banner #2 + sfondo

10.Banner per rubriche

11.Introduzione alle blockquotes

12.Creare un rating + icone social network

13.Menu + Gadgets

14.Piccoli trucchi da blogger

15.Farsi conoscere quando si è appena entrati nella blogosfera
16.Slideshows

BLOCKQUOTES

E passiamo finalmente all'argomento di oggi, le blockquotes!

Le blockquotes sono letteralmente "blocchi di testo", e per chi non le conoscesse sono quei riquadri che uso spesso nei miei post come questo qui:

Come creare le blockquotes?Vi è un semplice codice da installare e che potete personalizzare come volete!
Iniziamo con il codice base, (blockquote { }), in cui inseriamo il colore che vogliamo dare allo sfondo della blockquote (#e4c8f)

blockquote {
background: #e4c8cf;
}

Questo è il codice base, ma ci sono decine di personalizzazioni che possiamo fare!
1.Possiamo modificare il testo, inserendo un font personalizzato (font-family: georgia) e la grandezza del font (font-size:14 pt;), cosi:

blockquote {background: #e4c8cf;
font-family:georgia;
font-size:10pt;
}

2.Possiamo inserire il bordo (border  #a24564;), modificandone la grandezza (border: 1 px #a24564;) e il tipo, possiamo inserire infatti un bordo tratteggiato (border: 1px dashed #a24564;) o punteggiato (border: 1 px dotted #a24564) o possiamo lasciare il formato di default!
Ecco il codice con l'aggiunta del bordo e del testo!

blockquote {
background: #e4c8cf;
font-family:georgia;
font-size:10pt;
border: 1px dotted #a24564;
}

3.Infine, possiamo modificare il padding e il margine!Il padding determina lo spazio tra il testo e il bordo della blockquote, mentre il margine determina lo spazio tra la blockquote e il bordo del post!

blockquote {
background: #e4c8cf;
font-family:georgia;
font-size:10pt;
border: 1px dotted #a24564;
padding: 1em 1em;
margin: 1em 1em;
}

E questo è il risultato!

Ora, come installare questo codice?Semplice, dovete andare in blog-modello-personalizza-avanzato-aggiungi CSS, e incollare il codice nel box vuoto!

Potete personalizzare le blockquotes come volete, io le trovo davvero utilissime sia per le citazioni che per le trame e come potete vedere le uso praticamente sempre!

E questo è tutto per oggi!Spero che questo tutorial vi sia stato utile, e non dimenticate di farmi sapere cosa vi piacerebbe vedere nel prossimo appuntamento! :)