Guida all'uso del Pannello Post
sabato, giugno 27, 2009
4 Commenti
In ogni articolo è di fondamentale importanza il contenuto e su questo siamo tutti d'accordo, ma bisogna anche indurre l'utente a leggerlo e a facilitargli la visualizzazione delle parole chiave.
In questo articolo vi mostrerò i principali metodi di scrittura in maniera illustrata e dettagliata, sfruttando le opzioni del Pannello Post di Blogger.com, ma anche aggiungendo qualcosa di nuovo.
1. Tipo di carattere (font) e Dimensione
Non dobbiamo attenuarci per forza al tipo di carattere e alla dimensione standard, anche qui è possibile personalizzare. Nella barra degli strumenti (del Pannello Post) sono inclusi i font più usati quindi anche qui basta evidenziare il testo e cliccare sul font scelto nel menù a tendina. E' possibile scegliere anche la dimensione, che è però espressa approssimativamente, quindi non in pixel.
Se si necessita di una dimensione non inclusa tra quelle offerte dalla barra degli strumenti potete cambiarla andando a modificare su "Modifica Html" il valore espresso in percentuale nel tag d'apertura.
2. Grassetto e Corsivo
Le modalità di scrittura in grassetto e in corsivo, oltre ad essere le più semplici e conosciute, sono anche le più importanti. Le troviamo anche nel Pannello Post (come illustrato in alto nell'immagine) e nella vostra vita da blogger saranno molto importanti per far capire al lettore le parole o le frasi che volete mettere in evidenza.
Per scrivere in grassetto, cliccate sul link a scheda "Scrivi" e selezionate il testo da mettere in grassetto. Dopo di che cliccate su "b" nella barra degli strumenti del Pannello Post. Andando sulla scheda "Modifica Html", noterete che il vostro testo è stato "circondato" da dei tag:
Esiste però il tag b (va messo tra "< >" , non lo faccio altrimenti si attiverebbe), che è più breve e di uso comune. Potete usarlo mettendo il tag b antecedente al testo da grassettare e /b (anch'esso tra "< >") dopo il testo da grassettare:
Per scrivere in corsivo, cliccate sul link a scheda "Scrivi" e selezionate il testo da mettere in corsivo. Dopo di che cliccate su "i" nella barra degli strumenti del Pannello Post. Andando sulla scheda "Modifica Html", noterete che il vostro testo è stato "circondato" da dei tag(simili a quelli del grassetto):
Anche qui esiste un tag più immediato, ovvero il tag i (va messo tra "< >" , non lo faccio altrimenti si attiverebbe), che è più breve e di uso comune. Potete usarlo mettendo il tag i antecedente al testo da scrivere in corsivo e /i (anch'esso tra "< >") dopo il testo:
E' possibile scrivere anche un testo sia in grassetto che in corsivo, cliccando su entrambi nella barra degli strumenti nel Pannello Post dopo aver evidenziato il testo, oppure inserendo i tag brevi che vi avevo mostrato:
Curiosità! - Testo Sottolineato e Barrato
Oltre al grassetto e al corsivo esistono altre modalità di scrittura: quella sottolineata e quella barrata. Non sono presenti nella barra degli strumenti del Pannello Post, ma possiamo utilizzarli lo stesso cliccando sul link a scheda "Modifica Html", scrivendo per il testo sottolineato:
Per il
3. Colorare il testo
Ovviamente nella barra degli strumenti del Pannello Post è inclusa anche l'opzione per colorare il testo in 70 diverse tonalità di colore. Anche qui basta evidenziare e poi cliccare sul colore.
Su questo argomento non approfondiremo ulteriormente, perché non è necessario.
4. Collegamento URL (link)
I link sono di fondamentale importanza per il web: sono ciò che collegano una pagina all'altra durante la nostra navigazione. E' possibile aggiungere un link (o collegamento ipertestuale) selezionando l'opzione nella barra degli strumenti (del Pannello Post). Basta evidenziare il testo da trasformare in link e poi premere sulla sua icona nella barra: successivamente apparirà una finestra dove inserirete l'URL della pagina a cui volete collegare il testo.
5. Allineare, Centrare e Giustificare il testo
Questa è una delle modifiche più semplici che possiamo apportare al nostro testo: basterà evidenziare il testo e scegliere se allinearlo a destra, a sinistra, centrarlo oppure giustificarlo cliccando sulla rispettiva icona nella barra degli strumenti (nel Pannello Post).
6. Elenco numerico e puntato
E' possibile anche creare degli elenchi numerici o puntati scegliendo l'opzione nella barra degli strumenti. Per chi non lo sapesse scriverò i rispettivi tag dei due diversi elenchi. Per gli elenchi numerici:
Per gli elenchi puntati:
7. Blockquote
Il Blockquote, altro non è che una citazione, all'interno dei suoi due tag va inserito il testo da citare. Esso sarà graficamente distaccato dal normale testo. Nel Pannello Post di blogger.com è presente un opzione automatica (illustrata in alto nell'immagine) dove basta evidenziare il testo da mettere in blockquote e poi cliccare su di essa. Il tag del blockquote è:
Curiosità! - Pullquote
Esempio di PullquoteIl Pullquotes è molto simile al Blockquote, se non per una piccola differenza: è allineato a destra o a sinistra del testo principale.
Come potete vedere il pullquote è personalizzabile nel css.
Modifiche Avanzate: Volendo possiamo inserirlo nelLayout del nostro template, andando su Layout -> Modifica Html -> e inseriamo una voce per il pullquote in modo che quando vogliamo inserirne uno, basterà solo scrivere i tag.
8. Controllo Ortografico
C'è ben poco da dire sul Controllo Ortografico: ci cliccate e vedete se avete fatto degli errori nel testo.
9. Aggiungi Immagine e Aggiungi Video
Iniziamo parlando dell'Aggiungi Immagine. E' molto utile e rapida come soluzione al solito tag per le immagini, perché potete scegliere le dimensioni e la posizione in due click. Blogger.com ci mette a disposizione anche un uploader per caricare le immagini nei server suoi server. Io personalmente uso Photobucket come servizio hosting: richiede la registrazione, ma offre molto spazio per caricare immagini e video.
Aggiungi un immagine dal tuo computer: questo è un comunissimo uploader, cliccate su sfloglia scegliete l'immagine e la caricate.Aggiungi un immagine dal web: inserirete l'URL dell'immagine per generare il codice. L'immagine potete hostarla esternamente a blogger.com ed inserire qui l'URL.
Scegli un layout: scegliere il posizionamente dell'immagine nel post.
Dimensioni dell'immagine: per scegliere la dimensione.
Per i video funziona in maniera molto simile: ci sarà un uploader, sceglierete il video ed inserirete il titolo da dare al video.
10. Elimina la formattazione del testo selezionato
Selezionate il testo che avete precedentemente allineato e premete su "Elimina la formattazione del testo", in modo da ripristinare l'allineamento standard del testo.
[Leggi tutto l'articolo]
