Un immagine per Ogni Autore in Blogger

Questo hack per blogger mi piace molto, permette di visualizzare un immagine vicino il titolo del post diversa da autore ad autore.

Questa aggiunta di codice è molto azzeccata per blog su blogger con più utenti ma da comunque stile e personalizzazione anche a blog con un solo utente, farlo è semplice anche per chi non sa il codice, ecco come procedere:

• Si accede come amministratori del blog, ci si porta nella sezione modifica layout, si sceglie modifica html e si seleziona Espandi i modelli widget.

• Adesso si cerca il codice <a expr:name='data:post.id'/>(se usate firefox ctrl+f poi lo incollate).

• Dopo quella linea di codice si mette <b:if cond='data:post.author == "NOME_AUTORE"'>
<span class="author"><img src="URL_IMMAGINE"/></span>
</b:if>
  questo codice va ripetuto per ogni autore inserendo in NOME_AUTORE il nome dell'autore che scrive il post esempio yuri e in URL_IMMAGINE l'indirizzo dell'immagine (consigliata 50x50 px o adatta al vostro tema).

• Ora bisogna mettere la regola dello stile, per far questo cercate il codice ]]</b:skin> e prima di quel codice inserite .author img{padding: 0; float: left; border: none; margin: 0 10px 10px 0;}

Tutto qui adesso avrete un avatar diverso da autore ad autore.

Via Randomness