Un immagine per Ogni Autore in Blogger

Pubblicato da Yuri Carlenzoli | 11 ottobre 2008

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

immagine-autore-blogger

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

2 commenti su “Un immagine per Ogni Autore in Blogger

  1. yuri Autore del post

    Questo mi piace anche molto, da un bel tocco di personalizzazione.
    ciao francesco

Lascia un commento

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *

Moderazione dei commenti attiva. Il tuo commento non apparirà immediatamente.