Come utilizzare una intestazione personalizzata di carattere in Blogger

August 1

Come utilizzare una intestazione personalizzata di carattere in Blogger


Come Google Blogger, si ha accesso a potenti strumenti che consentono di personalizzare l'aspetto del tuo blog. L'interfaccia di Google Blogger aiuta i blogger modificare sezioni del blog di base, come le intestazioni e piè di pagina. Non si può, tuttavia, utilizzare l'interfaccia per applicare le modifiche più dettagliate. Se vuoi personalizzare il tipo di carattere colpo di testa di blog, è possibile utilizzare la potenza dei fogli di stile CSS per creare font personalizzati di intestazione che appaiono come più ti piace.

istruzione

1 Visita Google Blogger e accedere alla pagina dell'account. Il tuo blog attuali compaiono nella sezione "Mange Blog" della pagina.

2 Scegliere il pulsante "Blog" sotto il nome del blog che si desidera aggiornare. Blogger visualizza il blog.

3 Fare clic sul pulsante "Design" nella parte superiore della pagina per visualizzare la pagina in modalità di progettazione. sezione "Intestazione" della pagina viene visualizzata nella parte superiore della pagina di progettazione. Selezionare "Scarica modello completo, e quindi fare clic su" Salva "o" Salva file ". La visualizzazione del testo può variare a seconda del browser utilizzato. Premere il tasto" OK ". Il sito esegue il backup di una copia del codice HTML esistente per la custodia.

4 Selezionare il pulsante "Modifica HTML" per visualizzare l'editor HTML. Questo editor mostra il codice HTML che crea il tuo blog.

5 Fare clic in qualsiasi punto all'interno del codice HTML e premere i tasti "F" "Alt" e. apre casella di testo del tuo browser "Trova". Tipo "font: $ (header.font)" (senza le virgolette) in quella casella di testo e premere "Invio". Il tuo browser individua la stringa di testo in HTML Questa stringa imposta il tipo di carattere per l'intestazione del tuo blog.

6 Eliminare la stringa che, "font: $ (header.font)," e sostituirla con la seguente stringa:

:colore rosso;

7 Selezionare "Anteprima". Blogger visualizza un'anteprima del tuo blog in una nuova scheda o in una nuova finestra. Il testo di intestazione del blog appare rosso perché si imposta a "rosso". Chiudere la scheda di anteprima o, e tornare all'editor HTML. Sostituire il testo è stato aggiunto, "color: red", con il seguente:

colore blu; font-size: 72px; font-family: Arial, Georgia, Serif;

Questo cambia il carattere di blu. L'attributo font-size, impostato su "72px", imposta le dimensioni dei pixel del carattere di 72 pixel. L'attributo font-family, definisce i caratteri che si desidera utilizzare per l'intestazione. Il primo tipo di carattere, "Arial", è il tipo di carattere preferito. Se il browser di un utente non supporta tale tipo di carattere, si tenta di utilizzare il secondo tipo di carattere nell'elenco. Cioè "Georgia", in questo esempio. Il browser continua nell'elenco finché non trova un font che è possibile visualizzare. In questo esempio, il browser tenterà di utilizzare "Arial" come fonte della intestazione perché "Arial" è il primo carattere nella lista.

8 Scegliere "Salva modello, e quindi fare clic su" Blog "per visualizzare il tuo blog. Il suo carattere di intestazione visualizza il colore selezionato. La dimensione del carattere è di 72 pixel, e il carattere visualizzato è" Arial "se il browser supporta quel tipo di carattere. Il vostro carattere cambiamenti sono ora vivono per il mondo a vedere.

Consigli e avvertenze

  • Se si desidera ripristinare il tuo blog per il suo aspetto originale, tornare al blog e fare clic sul pulsante "Carica" ​​nella parte superiore della pagina. Si apre una finestra di selezione file. Individuare il file di backup è stato salvato e fare doppio clic su di esso per ripristinare il tuo blog.
  • Provate valori diversi per font-size, colore e font-family. Ogni modifica apportata riguarda l'aspetto del tuo intestazione. Ci sono altri attributi styling è possibile utilizzare per applicare la personalizzazione aggiuntiva per i caratteri HTML. Ulteriori informazioni su coloro che, visitando siti di tutorial HTML sul Web.