Nwlapcug.com


Come fare un'immagine del titolo Post per Blogger

Mentre Blogger non fornisce un metodo per modificare il codice HTML per i titoli dei singoli post, è possibile modificare il modello di progettazione per includere la stessa immagine per ogni titolo del post. Molti blogger scegliere interessanti loghi o immagini icona di dimensioni medie per evidenziare l'inizio di ogni nuovo post. L'immagine appena creato o acquisito viene quindi archiviato su un sito che fornisce un URL di hosting di immagini. Anche se è possibile utilizzare uno dei molti siti di hosting disponibili, Google include "Picasa Web" insieme all'account di Blogger per hosting di immagini conveniente.

Istruzioni

1

Accedi al tuo account Google, quindi visitare il sito di "Picasa Web" (https://picasaweb.google.com/) e seguire sullo schermo le istruzioni per caricare l'immagine.

2

Fare clic sull'album appena creato, quindi fare clic sull'immagine caricata per aprirlo.

3

Fare clic su "Link a questa foto" nel riquadro di destra, quindi selezionare la casella "Solo immagine (nessun collegamento)".

4

Fare clic all'interno della casella di testo sotto "Incorpora immagine" per evidenziare l'URL e premere "Ctrl" e "C" per copiare il testo. Aprire il blocco note e premere "Ctrl" e "V" per incollare il testo, quindi ridurre a icona la finestra per un uso successivo.

5

Aperta la bacheca di Blogger, quindi clicca sul link "Design" sotto il nome del blog.

6

Scegli "Modifica HTML" dal menu in alto a destro, quindi fare clic sulla casella "Espandi i modelli Widget".

7

Posizionare il cursore all'interno della casella di testo, quindi premere "Ctrl" e "F" per aprire una finestra di dialogo di ricerca di testo. Tipo "dati: post. URL"nella ricerca della scatola per individuare quella frase, poi trovare" < un expr:href =' dati: post. URL' >< data:post.title/ >< /a > "

8

Tipo "< img style =" border-width: 0px; "/ >" tra i "dati: post. URL'> "e"< data:post.title/ >< /a >." Sarà quindi l'intera frase:

< b: altro / >

&lt;b:if cond='data:post.URL'>

&lt;b:if cond='data:blog.URL != data:post.URL'>

&lt;a expr:href='data:post.URL'>&lt;img src='Your image link here' style='border-width: 0px;'/>&lt;data:post.title/>&lt;/a>9

Ingrandire la finestra del blocco note, evidenziare il testo URL precedentemente copiato da Picasa Web e premere "Ctrl" e "C" per copiare il testo, quindi evidenziare "Il tuo immagine link qui" nella finestra di Blogger e premere "Ctrl" e "V" per sostituire il testo con l'URL corretto.

10

Fare clic su "Anteprima" per controllare il tuo blog, quindi fare clic su "Salva modello" se l'immagine del titolo post viene visualizzata correttamente.

Consigli & Avvertenze

  • Una volta firmato al tuo account Google, si è automaticamente connessi al tuo account Picasa Web.
  • Assicurarsi di seguire eventuali condizioni d'uso per le immagini scaricate da Internet.