Nwlapcug.com


Come aggiungere un'immagine di divisore Post

La maggior parte delle piattaforme di blogging, come Blogger e WordPress, consentono agli utenti di personalizzare il loro modello di blogging per creare un'esperienza unica per i lettori. Aggiungendo le tue colori e immagini per il modello, si può dare agli utenti un'esperienza più personale che vi distinguono altri blog. Una tale personalizzazione che è possibile effettuare è l'aggiunta di un'immagine che si presenta tra le voci di blog. Questo è chiamato un divisore di post. Il primo passo per l'aggiunta di un'immagine di divisore post al tuo blog è quello di caricare l'immagine sul web.

Istruzioni

Caricare l'immagine

1

Visitare un sito Web del servizio, ad esempio Imgur.com o Min.us di hosting gratis di immagini (Vedi risorse).

2

Fare clic sul pulsante "Sfoglia" (se si utilizza Min.us, fare clic su "Seleziona", poi "Aggiungi file") e individuare l'immagine che si desidera utilizzare come un divisore di 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 "Collegamento diretto" o "Link immagine". Premere "Ctrl" + "C" sulla tastiera per copiare l'URL dell'immagine negli Appunti.

Blogger

5

Accedi a Blogger.

6

Fai clic sul link di "Design" nella sezione "Gestione Blog". Fare clic su "Modifica HTML". Fare clic su "Scarica modello completo", quindi fare clic su "Salva" per salvare una copia di backup del tuo modello al computer.

7

Fare clic sulla casella "Espandi i modelli Widget". Premere "Ctrl" + "F" per visualizzare la finestra di dialogo "Trova". Digitare "post-footer-linea-3" (senza virgolette) nel campo di ricerca e premere "Invio". Metterà in evidenza la linea di testo appropriato nella finestra di modifica.

8

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

9

Fare clic sul collegamento "Visualizza Blog" per visualizzare il tuo blog di Blogger con la nuova immagine di divisore di post.

WordPress

10

Login per il vostro sito WordPress. Il seguente metodo funziona solo se si utilizza una versione aggiornata o in hosting del software WordPress che consente di modificare il modello.

11

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

12

Individuare il "loop", che è una sezione di codice PHP che Visualizza i post sulla homepage. Il ciclo inizia in genere con "<? php se (have_posts ())..." e contiene il titolo del post e il contenuto. Il ciclo termina con "<? php endwhile;? >."

13

Fare clic e premere "Invio" per creare una riga vuota appena prima il "<? php endwhile;? >" linea. Tipo "< centro >< img src = 'imageURL' / >< / center >" (senza virgolette) nella riga vuota. Sostituire "imageURL" con l'URL dell'immagine caricata dalla sezione 1, quindi fare clic su "File di aggiornamento."

14

Clicca il titolo del blog in alto per visualizzare il tuo blog con la nuova immagine di divisore di post.