Ti piacerebbe aggiungere una piccola immagine o icona al titolo dei tuoi articoli? Alcuni lettori hanno chiesto su questo argomento ed ecco la soluzione...
1. Creazione del Logo:
Prima di tutto, bisogna scegliere una foto o crearla personalmente grazie a specifici Software oppure tramite dei siti di tipo Online-Image-Editors come ad esempio cooltext.com. Dopodiche, copia il corrispondente link/URL
2. Creazione del codice immagine:
Il codice HTML per un immgine è:
<img src="LINK IMMAGINE" style="border-width:0px" /> |
3. Modificare il template:
Dopo aver loggato nel proprio Blogger acount, dal menu scegli LAYOUT, poi modifica HTML (vi consiglio di fare un backUp per il vostro template attuale ;P) e selezionare Espandi i modelli widget.
A questo punto bisogna scorrere giù fino a raggiungere questo codice:
<b:includable id='post' var='post'>
<div class='post hentry'>
<a expr:name='data:post.id'/>
<b:if cond='data:post.title'>
<h3 class='post-title entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'>
Incolla il codice della tua immagine, creato nel passo 2, subito dopo l'ultima riga del codice sopprascritto.
Salva il template ed il gioco è fatto :).
Se vuoi visualizzare il logo DOPO il titolo, copia il codice dell'immagine dopo questa linea del codice:
<data:post.title/> |
salva template!
0 commenti
Posta un commento