Come aggiungere un messaggio divisore Immagine

September 3

La maggior parte delle piattaforme di blogging, come Blogger e WordPress, permettono agli utenti di personalizzare il proprio modello di blogging per creare un'esperienza unica per i lettori. Aggiungendo i propri colori e le immagini per il modello, è possibile dare agli utenti un'esperienza più personale che vi distinguono da altri blog. Uno di questi personalizzazione si può fare è l'aggiunta di una immagine che si presenta tra le voci di blog. Questo è chiamato un divisore palo. Il primo passo per l'aggiunta di una immagine Alberino divisore per il tuo blog è quello di caricare l'immagine sul web.

istruzione

Caricare l'immagine

1 Visitare un sito web del servizio di hosting gratuito di immagini, come ad esempio Imgur.com o Min.us (vedi Risorse).

2 Fare clic sul pulsante "Browse" (se si utilizza Min.us, fai clic su "Select", quindi "Aggiungi file") e individuare l'immagine che si desidera utilizzare come divisorio post sul tuo computer. Fare clic per selezionare l'immagine, quindi fare clic su "Apri".

3 Fare clic su "Continua" o "Start Upload" per caricare l'immagine.

4 Fare clic per selezionare il testo o "Direct Link" "Immagine Link". Premere il tasto "Ctrl" + "C" sulla tastiera per copiare l'URL immagine negli appunti.

Blogger

5 Accedi a Blogger.

6 Fare clic sul collegamento "Design" nella sezione "Gestire un blog". Fai clic su "Modifica HTML". Fare clic su "Scarica modello completo", quindi fare clic su "Salva" per salvare una copia di backup del modello al computer.

7 Fare clic sulla casella "Espandi i modelli widget". Premere il tasto "Ctrl" + "F" per visualizzare la finestra di dialogo "Trova". Tipo "post-footer-line-3" (senza virgolette) nel campo di ricerca e premere "Invio". La riga di testo appropriata metterà in evidenza nella finestra di modifica.

8 Fare clic per posizionare il cursore alla fine del "<div class = 'post-footer-line post-footer-line-3'>" riga di testo e premere il tasto "Enter" per creare una riga vuota. Tipo "<center> <img src = 'imageURL' /> </ center>" (senza virgolette) nella riga vuota. Evidenziare il testo "imageURL", quindi premere il tasto "Ctrl" + "V" per sostituire il testo con l'URL immagine caricata dalla sezione 1. Fare clic su "Salva modello".

9 Fai clic sul link "Visualizza blog" per visualizzare il tuo blog Blogger dell'immagine nuovo post divisorio con.

WordPress

10 Accedi al tuo sito web WordPress. Il seguente metodo funziona solo se si utilizza una versione aggiornata o in hosting del software WordPress che permette di modificare il modello.

11 Fare clic sul collegamento "Editor" nel menu "Aspetto" sul lato sinistro del cruscotto WordPress. Fare clic sul file di modello homepage sul lato destro dello schermo. Questo file può variare a seconda del modello, ma in genere si chiama "index.php" o "modello Main Index".

12 Individuare il "loop", che è una sezione di codice PHP che visualizza i messaggi sulla homepage. Il ciclo inizia in genere con "<? Php if (have_posts ()) ..." e contiene il titolo del post e il contenuto. Il ciclo si conclude con "<? Php endwhile;?>".

13 Fare clic e premere "Invio" per creare una riga vuota appena prima del "<? Php endwhile;?>" Linea. Tipo "<center> <img src = 'imageURL' /> </ center>" (senza virgolette) nella riga vuota. Sostituire "imageURL" con l'URL immagine caricata dalla sezione 1, quindi fare clic su "Update file."

14 Fare clic sul titolo del blog in alto per visualizzare il tuo blog l'immagine nuovo post divisorio con.