Personalizzazione Blogger: Block Quotes ( citazioni )

Selezioniamo il blog che vogliamo modificare, andiamo su Modello e successivamente su Personalizza. A questo cliccando su Avanzato e successivamente su Aggiungi CSS nel pannello all'estrema sinistra, ci apparirà una casella di testo in cui dovremo scrivere il nostro codice per personalizzare il blockquote. Di seguito riporto il codice utilizzato da me, che ingloba un pò tutte le modifiche che possiamo fare ( bordi, background, margini, font etc.. ).

Anche non conoscendo nulla di html e css, Blogger consente di visualizzare l'anteprima delle nostre modifiche in tempo reale. Se siete alle prime armi, il mio consiglio è dunque di creare un post di prova ( da cestinare successivamente ) in cui citate del testo. Dopodiché personalizzate nei valori il codice che ho utilizzato io per capire meglio ogni linea del codice ed i valori da attribuire ad ogni parametro.

blockquote {
    border:2px dashed #ffffff;
    background: #889fec;
    margin: 5px 70px 5px 70px;
    padding: 20px 20px 20px 20px;
    font-style:italic; color: #000000;
    font-size: 0.9em;
    line-height:1.5em;
    font-family:"Courier New";
}

P.S. per inserire un'immagine di background si dovran aggiungere delle righe tipo quelle riportate nel seguito:

background: #ffffff url(URL IMMAGINE DI BACKGROUND);
background-position:top left;
background-repeat:no-repeat;

Al termine della personalizzazione basterà applicare le modifiche ( pulsante Applica al Blog in alto a destra ) ed il gioco è fatto.

Se infine masticate un pò di inglese, potreste dare un'occhiata a questo link che spiega in maniera meno spicciola quanto ho detto io.

Have fun!