01/10/2010

Come aggiungere l’avatar nei commenti

Cari MyBlogger,

dal primo giorno che ognuno di noi ha aperto un blog, non vede l’ora che i visitatori interagiscano con noi.
I loro commenti, insieme al loro nome che linka al loro blog o sito web, ci aiutano a capire che tipologia di utenti ci sta seguendo, quindi diventano una utile guida per capire come e su cosa dobbiamo scrivere.
Ora, grazie a questo tutorial, potremo conoscere anche l’avatar degli utenti che ci commentano!

Commenti_avatar.jpg


Il codice HTML che andremo ad inserire all’interno del template, ci permetterà di visualizzare l’avatar di tutti gli utenti MyBlog che hanno effettuato login e ci hanno lasciato un commento.
Se chi commenta non è loggato oppure non ha ancora scelto un avatar, verrà mostrata una immagine “standard” come questa:

avatar_standard.gif


Innanzitutto dobbiamo accedere alla sezione “Presentazione  > Opzioni avanzate” e cliccare sul link “Modifica modello” di “Modello di pagina Link permanente”.
All’interno dell’editor HTML dobbiamo cercare queste righe di codice:

    <p class="posted">
{t}Posted by:{/t} {link href="`$comment.authorlink`"
text="`$comment.authorname`"} |
{$comment.pubdate|date_format:"`$blog.date_format`"}
</p>


e sostituirle con le seguenti:

    <p class="posted">

<!-- AVATAR NEI COMMENTI -->
<a title="Visita {$comment.authorlink}"
href="{$comment.authorlink}">
<img style="vertical-align:top;" alt="avatar utente"
src="http://multimedia.community.virgilio.it/contenuti/
{$comment.authorname},c00.jpg" border="0"></a>
<!-- AVATAR NEI COMMENTI -->

{link href="`$comment.authorlink`"
text="`$comment.authorname`"}
<br />
<div style="font-size:10px; padding-left:37px;
margin-top: -20px;">{t}Scritto il:{/t}
{$comment.pubdate|date_format:"`$blog.date_format`"}
</div>
<hr />

</p>


Salviamo le modifiche e chiudiamo.
Il lavoro è fatto e da oggi potremo finalmente vedere anche i volti virtuali dei nostri lettori!

10:23 Scritto da myblog.it in Blog - Tips and Tricks | Link permanente | Commenti (4) | Segnala | Tag: tutorial, commenti, avatar | OKNOtizie | |  del.icio.us | | Digg! Digg |  Facebook