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
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:
Salvate è provate, ciao.
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&id=830605' type='text/javascript'/>
<script type='text/javascript'>
//<![CDATA[
addLoadEvent(function(){showCommentPhotos('commentphoto','comment-author', 1);});
//]]>
</script>
Salvate è provate, ciao.
ehi, ciao, ero interessata a qst funzione, ma il mio template nella parte che evidenzi te ha questo tipo di codice:
RispondiElimina#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?...
grazie elektroje....ma come fai ad avere tutta sta pazienza?
RispondiEliminaora ci provo e ti faccio sapere! ciao.
nn c'è...ehm.......ho cercato, ma in tutte le parti del codice che iniziano come quella, non c'è.....vabbè! grazie
RispondiEliminail vecchio template dava problemi con tutti i browser...aspè che ora cerco meglio, mi rimbocco le maniche...
RispondiEliminace l'ho fatta! grazie per la pazienza oh grande saggio :P
RispondiEliminaperfetto visto..ora aspetta che trovo un altro piccolo consiglio da darti a presto..appena lo trovo ti dico
RispondiEliminaciao 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
RispondiElimina.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;
}