Inserire foto degli utenti che commentano in blogger.

Inserire foto degli utenti che commentano in blogger.

Pronti per un altra avventura? Vediamo come far apparire l'immagine del profilo degli utenti nei commenti.


1-prima di iniziare scaricate una copia del template.
2-modifica html, espandi widget.
3-Trovate il seguente codice

<dl id='comments-block'>
<b:loop values='data:post.comments' var='comment'>
<dt class='comment-author' expr:id='"comment-" + data:comment.id'>
<div class='commentphoto' style='float:right;'/>
<a expr:name='"comment-" + data:comment.id'/>
<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
<b:else/>
<data:comment.author/>
</b:if>
<data:commentPostedByMsg/>
</dt>
<dd class='comment-body'>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p><data:comment.body/></p>
</b:if>
</dd>
<dd class='comment-footer'>
<span class='comment-timestamp'>
<a expr:href='"#comment-" + data:comment.id' title='comment permalink'>
<data:comment.timestamp/>
</a>
<b:include data='comment' name='commentDeleteIcon'/>
</span>
</dd>
<div style='clear:both;'/>
</b:loop>
</dl>


LE 2 RIGHE IN GRASSETTO LE COPIATE E LE AGGIUNGETE COME NEL ESEMPIO.

4-Ora andate subito dopo il tag <head> icollate il seguente codice:

<script src='http://jscripts.ning.com/get.php?xn_auth=no&amp;id=830605' type='text/javascript'/>
<script type='text/javascript'>
//<![CDATA[
addLoadEvent(function(){showCommentPhotos('commentphoto','comment-author', 1);});
//]]>
</script>


Salvate è provate, ciao.



Share This

7 commenti:

  1. ehi, ciao, ero interessata a qst funzione, ma il mio template nella parte che evidenzi te ha questo tipo di codice:

    #comments-block {
    margin:1em 0 1.5em;
    line-height:1.6em;
    }
    #comments-block .comment-author {
    margin:.5em 0;
    }
    #comments-block .comment-body {
    margin:.25em 0 0;
    }
    #comments-block .comment-footer {
    margin:-.25em 0 2em;
    line-height: 1.4em;
    text-transform:uppercase;
    letter-spacing:.1em;
    }
    #comments-block .comment-body p {
    margin:0 0 .75em;

    come faccio?...

    RispondiElimina
  2. grazie elektroje....ma come fai ad avere tutta sta pazienza?
    ora ci provo e ti faccio sapere! ciao.

    RispondiElimina
  3. nn c'è...ehm.......ho cercato, ma in tutte le parti del codice che iniziano come quella, non c'è.....vabbè! grazie

    RispondiElimina
  4. il vecchio template dava problemi con tutti i browser...aspè che ora cerco meglio, mi rimbocco le maniche...

    RispondiElimina
  5. ce l'ho fatta! grazie per la pazienza oh grande saggio :P

    RispondiElimina
  6. perfetto visto..ora aspetta che trovo un altro piccolo consiglio da darti a presto..appena lo trovo ti dico

    RispondiElimina
  7. ciao juliet coe vedrai se la tua foto nel commento dovrebbe essere troppo attaccata alla scritta a destra vai nel template nella parte css e vedi se gia c'è il seguente stile alle img dei commenti si chiama cosi
    .commentphoto img
    se non lo trovi copia e incolla il codice qui sotto nella pate di codice relativa ai css ciuu

    .commentphoto img {
    margin: 2px;
    }

    RispondiElimina

Seguici su

Google+ Followers

Lettori fissi

Designed By Blogger Templates