Buongiorno, lettori!Oggi ritorna la rubrica Book Blogging 101, e visto che è da un po' di tempo che non vi propongo qualcosa sulla grafica, oggi vi parlo di html, o meglio, dei codici base che ogni blogger dovrebbe conoscere, e che potranno tornare utili soprattutto a chi è nuovo nel mondo dei blog. Per quanto riguarda i post in realtà blogger fornisce già tutti gli strumenti per scrivere e personalizzare post facilmente, ma i gadget per esempio possono essere costruiti solo tramite codici html, quindi mi concentrerò su quelli fondamentali che io stessa uso giornalmente.
Piccolo suggerimento: soprattutto nei primi tempi può essere difficile imparare anche solo le basi dell'html, e io spesso per evitare di perdere ore a ricercare codici, preparavo il mio gadget in una bozza di post, in modalità "scrivi", personalizzando il mio testo e inserendo anche immagini. Poi andavo in modalità html e copiavo tutto il testo, per poi incollarlo quando andavo a inserire il gadget. Adesso che conosco i codici scrivo direttamente in html quando vado a costruire i gadget, ma all'inizio utilizzare questa sorta di scorciatoia mi ha permesso di guadagnare moltissimo tempo :)
Ed ecco qui i codici fondamentali!Mi dispiace non esser riuscita a disporli meglio, volevo fare qualcosa di carino ma alla fine non ho trovato il tempo xD In ogni caso, sono i codici che contano, spero li troverete utili e come sempre, per nuove idee e suggerimenti per post futuri, commentate e fatemi sapere :)
Titolo:
<h1>Titolo qui</h1>
Più importante è il titolo, minore deve essere il numero dopo h. Quindi nel caso vogliate far seguire al titolo principale anche un sottotitolo, questo lo scriverete con h2 e così via.
Titolo centrato:
<h1 style="text-align: center;">Titolo qui</h1>
Per spostare il testo a destra/sinistra, basta sostituire "center" con right/left.
Paragrafo:
<p>Qui il testo</p>
Spazio tra righe:
<br />
Linea che separa diverse parti del post:
<hr />
Regolare grandezza testo:
<span style="font-size: 12pz;">Qui il testo</span>
Colore testo:
<span style="color: #codice colore;">Qui il testo</span>
Cambiare font testo:
<span style="font-family:;">Qui il testo</span>
Link testuale:
<a href="link">Testo da visualizzare</a>
Link testuale che si apre in una nuova finestra:
<a href="link" target="_blank">Testo da visualizzare</a>
Immagine con grandezza definita:
<img title="title text" src="link immagine" alt="alt text" width="100" height="150" />
Immagine con link:
<a href="link"><img src="link immagine" alt="alt text" width="100" height="150" /></a>
Immagine con link che si apre in una nuova finestra:
<a href="link" target="_blank"><img title="title text" src="link immagine" alt="alt text" width="100" height="150" /></a>
Creare un contenitore di testo:
<textarea>Qui il testo</textarea>
Creare una blockquote (qui la guida per crearle e personalizzarle)
<blockquote>Qui il testo</blockquote>
Lista non ordinata:
<ul>
<li>Punto 1</li>
<li>Punto 2</li>
</ul>
Lista ordinata/numerata:
<ol>
<li>Punto uno</li>
<li>Punto due</li>
