Lorem Ipsum Dolor .......

Lorem ipsum lorem ipsum lorem ipsum lorem ipsum.......

Comentarios con imagen del autor para el Blog.

Hola, hoy traigo un truco muy bueno y cool para vuestros comentarios, se trata de cambiar el estilo de los comentarios de blogger por uno mejor, ahora paso a explicar el truco:

1.- Nos dirigimos al HTML y expandimos los artilugios, ahorabuscamos el siguiente codigo:

<dl id='comments-block'>
<b:loop values='data:post.comments' var='comment'>
<dt class='comment-author' expr:id='"comment-" + data:comment.id'>


2.- Debajo de este codigo añadimos el siguiente:

<div class='commentphoto' style='float:right;'/>

3.- Ahora un poco mas abajo ubicamos el siguiente codigo:

<b:include data='comment' name='commentDeleteIcon'/>
</span>
</dd>


4.- Y abajo de este pegamos este otro:

<div style='clear:both;'/>


5.- Listo, ajora nos ubicamos antes del /head y antes de este pegamos el siguiente codigo:

<script src='http://leonelhack.googlepages.com/blogger_comment_photos.js' type='text/javascript'></script>
<script type='text/javascript'>
//<![CDATA[
BloggerProfiles.noimage = 'http://img139.imageshack.us/img139/1011/defaultavatarad7.png'
BloggerProfiles.imageWidth = 60;
BloggerProfiles.imageHeight = 75;
addLoadEvent(function(){showCommentPhotos('commentphoto','comment-author', 1);});
//]]></script>


Listo disfrutenlo :) .

2 comentarios:

Smx dijo...

Holas: todo bien el script en la nueva plantilla blogger, pero se puede adaptar a la plantilla clásica?

Turko dijo...

Hola, buenos trucos, me gustaria saber como hacer para ponerl un marco a las entradas como los tuyos.. en el titulo del post, lo pusiste naranja.. unas barras verticales a cada lado del post y abajo en autor y comentario pones de nuevo una barra naranja.. ojala me pudieras decir como hacerlo... ;)

Publicar un comentario