Sus comentarios son siempre apreciados aquí en Estado Avatar, pero unos son más apreciados que otros por varias razones, por favor lea esto.
Esta publicación no es para dar normas ni leyes estrictas, son más bien recomendaciones que se basan más en el sentido común, incluyendo escasas restricciones.
Si el propósito de su comentario es saludar al blog o a mí, deje su comentario aquí y diga Hola.
Comente con su cuenta Google/Blogger u OpenID, si no dispone de alguna use un nombre cualquiera.
Al reportar un error en el blog por favor trate de ser lo más específico, de preferencia en el post donde se detecte dicho error.
Cuando deje un comentario en algún post preguntando algo regrese a ese mismo post para ver lo que he contestado.
Evite hacer la misma pregunta en varios posts, yo borro comentarios duplicados.
Yo no hago intercambio de enlaces o banners, pero puede solicitar su espacio en mi faviconera gratis.
Para contactar conmigo deje un comentario en cualquier publicación, usando el formulario de contacto o mandándome un e-mail y yo le atenderé a la brevedad.
Trate de que su comentario esté relacionado con el tema del post en que lo publica.
Redacción
En la redacción usted es libre de escribir como mejor le convenga, pero tome en cuenta esto:
Y más bla bla: Un comentario es eso; un montón de palabras que nos provoca algo, ya sea emoción, alegría, odio o cualquier cosa. Palabras que esperamos recibir y muchas que quisiéramos que no nos hubieran dicho.
No tengo algo en contra de mis comentaristas Anónimos, ni tampoco a favor. Muchos han sido sus aportes y les agradezco enormemente pero, suelo desconfiar mucho, demasiado, más por la suplantación de identidad que por otra razón. Con usuarios de Google/Blogger u OpenID el asunto es diferente, siempre hecho un vistazo a su perfil para saber más o menos a quién me dirijo, aunque también es muy fácil crear una cuenta y ser un anónimo registrado.
Opinan, critican, saludan, preguntan, debaten. Mientras sea de una manera lógica, coherente es siempre bienvenido. Cuando sólo sean incoherencias y comentarios imprudentes tal vez no le responda y quizá lo borre, no voy a discutir algo sin sentido. Tranquilos, nada en el sistema de comentarios ha cambiado, los anónimos son siempre bien recibidos.
¿Es posible hacer que los comentarios anónimos sean diferentes de los que tienen una cuenta? Sí, y de hecho Blogger lo hace sólo, agrega una imagen para usuarios de Google, OpenID y Anónimos, esto lo hace con data:comment.authorClass que genera el tipo de comentarista:
blogger-comment-icon cuando se está logueado en Blogger openid-comment-icon si comenta logueado con OpenId anon-comment-icon comentario de un anónimo
En el siguiente ejemplo hay que tener desactivada la opción de mostrar la imagen del perfil (los avatares).
Configuración | Comentarios
Ahora en Diseño | Edición de HTML y marcamos y buscamos un código como este: MOSTRAR
} div.comment-author-anon-comment-icon .comment-body p {
}
En mi ejemplo le agregué un color de fondo naranja a los usuarios con cuenta Google, no soy muy bueno para el nombre de los colores así que digamos que para OpenID es una tonalidad de azul y para los anónimos en verde. Las posibles definiciones son muchas, depende de nuestra imaginación y conocimientos. [Ver demo]
Fácil, simple y es poco el código. Seamos más específicos; los comentarios de usuarios registrados se dividen en dos: usuarios con cuenta Google/Blogger y con OpenID, mientras que los anónimos hay tres: los anónimos propiamente dichos y los que comentan como Nombre/URL que dejan sólo un nombre y los que dejan nombre y url. Para esto usaremos condicionales que detecten a cada tipo y subtipo de comentarista.
Primero detectaremos a los usuarios de Blogger, luego a los de OpenID y de últimos a los subtipos de anónimos:
Elaboré una explicación simple del código de anónimos por si a alguien le interesa MOSTRAR
Anónimos Nombre/URL con nombre y url Están dentro de dos condicionales, una detecta que sean anónimos y otra que tengan url, si es un anónimo con url por ende tiene un nombre cualquiera.
Anónimos propiamente dichos Están dentro de la condiconal que verifica que el nombre del comentarista se Anónimo que a su vez está dentro del else de la condicional que verifica que tenga una url (el else indica la acción opuesta) y que está dentro de la primera condicional que detecta que sea un anónimo. No es algo relevante pero cuando alguien comente como Nombre/URL y en nombre ponga Anónimo y sin dejar url será conciderado un anónimo propiamente dicho, si colocara la url pasaría a ser uno con nombre y url.
Anónimos Nombre/URL con nombre pero sin url Están dentro del else de la condicional que verifica que el nombre sea Anónimo (como está dentro del else el nombre debe ser cualquiera excepto Anónimo) y dentro del else de la condicional que verifica que tenga una url que también está dentro de la primera condicional que detecta que sea un anónimo.
No sé, tal vez lo expliqué más confuso.
Los tres códigos van dentro de la etiqueta b:loop:
Si usamos los avatares todo esto es inútil, no comprendo por qué Blogger desactiva data:comment.authorClass, lo máximo que podríamos personalizar son los avatares de los anónimos y a eso me voy a limitar.
Esto se logra fácilmente con CSS, creo que las definiciones mínimas serían estas:
No me gusta el resultado en el caso del icono de OpenID y cuando no hay imagen de perfil, su tamaño es muy pequeño y al redimencionarlo está muy borroso.
Preferí ocultar esos iconos, las definiciones que estoy usando son estas:
Con Oloman de Oloblogger aprendí a usar otro código usando condicionales. Localizamos el código que genera la imagen de perfil: <b:if cond='data:blog.enabledCommentProfileImages'> <data:comment.authorAvatarImage/> </b:if>
Esas condicionales no detectan al anónimo con url, lo que hace Blogger es generar la clase avatar-stock para cuando no se tiene imagen de perfil, ya sea usuario de Blogger, OpenID o anónimo. Pero les genera un icono, el de los anónimos es transparente y por eso puede verse la imagen de fondo. [Ver ejemplo].
Personalmente me interesa muy poco diferenciar a los comentaristas unos de otros, prefiero resaltar mis propios comentarios, ¿Cómo hacerlo? Eso lo veremos en otra ocación.
El otro día me preguntó Juan Franco sobre el widget “Alguien dijo algo...” que tengo en mi sidebar, no es que tenga mucha utilidad mostrarlos, es sólo un capricho bloggero (¿o se escribe bloguero?).
La forma más simple y rápida recomendada no por mí, sino por Blogger in Draft es añadir un gadget de Amanda de Blogger Buster. Entra a Blogger Gadget y click en Add it now! o desde Diseño | Elementos de la página | Añadir un gadget, ahora en Destacados y en Recent Comments.
Lo que se crea es in iFrame que no podemos aplicarle CSS, sólo la configuración como cantidad de comentarios a mostrar, cantidad de letras y la altura del iFrame, siempre con el riesgo de que un buen día deje de funcionar sin aviso.
Otra manera que me gusta más es usar el gadgetFeed y algo de CSS. Vamos en Diseño | Elementos de la página | Añadir un gadget | Feed y en URL del feed pondremos el feed de comentarios de nuestro blog:
Desde luego en lugar de estadoavatar colocas la dirección de tu blog.
Y damos click en Continuar, en este ejemplo coloqué de TítuloComentarios recientes, prefiero no mostrar la fecha pero sí a los Autores/fuentes del elemento y click en Guardar y es todo, bueno casi todo, falta el CSS.
Primero averigüemos el ID de ese elemento, supongo que en la mayoría de los casos es Feed1 porque pocos lo agregan, de no estar seguro entra en Diseño | Edición de HTML y marca Expandir plantillas de artilugios, si es que no sabes encontrar el ID manten precionado CTRL y presiona F y en mi ejemplo buscaría Comentarios recientes, un código igual o similar a este aparecerá:
Para evitar posibles errores lo dejo en este documento de texto, sólo es copiar y pegar, recuerda cambiar la parte de estadoavatar por el de tu blog.
var a_rc=7; Es la cantidad de comentarios a mostrar var m_rc=false; Si es true la fecha se mostrará var n_rc=false; Si es true todo se mostará en una línea var o_rc=60; Es la cantidad de letras por comentario a mostrar
Usando este otro se mostrará una imagen para el autor: Lo mismo que en el anterior se va a Diseño | Elementos de la página | Añadir un gadget | HTML/Javascript y le pegamos lo siguiente:
if (i == json.feed.entry.length) break; for (var k = 0; k < entry.link.length; k++) { if (entry.link[k].rel == 'alternate') { alturl = entry.link[k].href; break; } } var photoslink=new Array() photoslink[0]='<img src="http://1.bp.blogspot.com/_8PJ-pgoBhWQ/SeJp1pMWkLI/AAAAAAAAGmo/ggSsVIrdtms/s320/otros.png"/>'; autor='<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvVr1L3TiZzS-dUhjZiRltrkXhAA-zkIg-fDdyykYtmOhulNf0hxlpDLsuu0VDX8JsHy_XYuJV-8eeFAE9xCUj0-Bv144kmK5yvNPDHm2cfUOOSx2OMVk_eCazLls_KJW2v5U9xWJ9z9U8/"/>'; anonymous='<img src="http://3.bp.blogspot.com/_8PJ-pgoBhWQ/SeJp4vL4RKI/AAAAAAAAGmw/x20-2kKSkEU/s320/anonymous.png"/>';
alturl = alturl.replace("#", "#"); var postlink = alturl.split("#"); postlink = postlink[0]; var linktext = postlink.split("/"); linktext = linktext[5]; linktext = linktext.split(".html"); linktext = linktext[0]; var posttitle = linktext.replace(/-/g," "); posttitle = posttitle.link(postlink); var commentdate = entry.published.$t; var cdyear = commentdate.substring(0,4); var cdmonth = commentdate.substring(5,7); var cdday = commentdate.substring(8,10); var monthnames = new Array(); monthnames[1] = "Ene"; monthnames[2] = "Feb"; monthnames[3] = "Mar"; monthnames[4] = "Abr"; monthnames[5] = "May"; monthnames[6] = "Jun"; monthnames[7] = "Jul"; monthnames[8] = "Ago"; monthnames[9] = "Sep"; monthnames[10] = "Oct"; monthnames[11] = "Nov"; monthnames[12] = "Dic"; if ("content" in entry) { var comment = entry.content.$t;} else if ("summary" in entry) { var comment = entry.summary.$t;} else var comment = ""; var re = /<s[^>]*>/g; comment = comment.replace(re, ""); if (!standardstyling) document.write('<div class="bbrecpost">'); if (standardstyling) document.write('<br/>'); if (showcommentdate == true) document.write('El ' + cdday + ' ' + monthnames[parseInt(cdmonth,10)] + ' ');
if( entry.author[0].name.$t == 'Bonzu Pipinpadaloxicopolis III'){ document.write(autor)} else{ if( entry.author[0].name.$t == 'Anonymous'){ document.write(anonymous)} else{document.write(photoslink)} } document.write('<a href="' + alturl + '">' + entry.author[0].name.$t + ':' +'</a> '); if (showposttitle == true) document.write(' en ' + posttitle); if (!standardstyling) document.write('</div><div class="bbrecpostsum">'); if (standardstyling) document.write('<div class="txtmsg"><br/></div>'); if (comment.length < numchars) { if (standardstyling) document.write('<i>'); document.write(comment); if (standardstyling) document.write('</i>');} else { if (standardstyling) document.write('<i>'); comment = comment.substring(0, numchars); var quoteEnd = comment.lastIndexOf(" "); comment = comment.substring(0, quoteEnd); document.write(comment + '...<a href="' + alturl + '">(Leer más)</a>'); if (standardstyling) document.write('</i>');} if (!standardstyling) document.write('</div>'); if (standardstyling) document.write('<br/>'); } if (!standardstyling) document.write('<div class="bbwidgetfooter">'); if (standardstyling) document.write('<br/>'); if (!standardstyling) document.write('</div>');}
</script> <script type="text/javascript"> var numcomments = 5; var showcommentdate = false; var showposttitle = false; var numchars = 50; var standardstyling = false; </script> <script src="http://estadoavatar.blogspot.com/feeds/comments/default?alt=json-in-script&callback=showrecentcomments"></script> </div>
También dejo otro documento de texto para evitar posibles errores. Se debe cambiar estadoavatar por la de la url de tu blog, igual que en el anterior el CSS está en el gadget y no se modificó la plantilla.
autor='<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvVr1L3TiZzS-dUhjZiRltrkXhAA-zkIg-fDdyykYtmOhulNf0hxlpDLsuu0VDX8JsHy_XYuJV-8eeFAE9xCUj0-Bv144kmK5yvNPDHm2cfUOOSx2OMVk_eCazLls_KJW2v5U9xWJ9z9U8/"/>'; Contiene la imagen para mostrar del autor del blog.
En donde dice Bonzu Pipinpadaloxicopolis III va el nombre idéntico al que usas para comentar.
Debo aclarar que en todos los casos incluí modificaciones mías, en este blog de pruebas tengo los cuatro sistemas para mostrar comentarios, tiene una copia de esta plantilla y funcionan muy bien hasta la fecha.
Ahora vamos a poner un número a cada comentario del blog, funcionará mientras no esté desactivado el JavaScript del navegador o mientras no nos equivoquemos al colocar los códigos.
Primero expandimos las plantillas de artilugios, ésta es la parte a modificar del código original de una plantilla Minima hasta ésta fecha:
Agregando un pequeño script de JMiur al código los va a numerar sin problemas:
<dl expr:class='data:post.avatarIndentClass' id='comments-block'> <!-- Ponemos el contador a cero --> <script type='text/javascript'>var contadorComentarios=0;</script> <b:loop values='data:post.comments' var='comment'> <!-- Agregamos un bloque para darle un nombre único a cada comentario --> <div expr:id='data:comment.id'> <dt expr:class='"comment-author " + data:comment.authorClass' expr:id='data:comment.anchorName'> <!-- El código del contador --> <div class='comentacontador'> <script type='text/javascript'> contadorComentarios=contadorComentarios+1; document.write(contadorComentarios) </script> </div> <b:if cond='data:comment.favicon'> <img expr:src='data:comment.favicon' height='16px' style='margin-bottom:-2px;' width='16px'/> </b:if> <a expr:name='data:comment.anchorName'/> <b:if cond='data:blog.enabledCommentProfileImages'> <data:comment.authorAvatarImage/> </b:if> <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='data:comment.url' title='comment permalink'> <data:comment.timestamp/> </a> <b:include data='comment' name='commentDeleteIcon'/> </span> </dd> <!-- Establecemos la clase del comentario y cerramos el bloque --> <script type='text/javascript'> ContarC('<data:comment.id/>') </script> </div> </b:loop> </dl>
Definimos unas cuantas propiedades CSS colocándolas antes de ]]></b:skin>, yo usé estas pero podrían ser otras:
/* Numerar los comentarios */ .comentacontador { float: right; font-family: times new roman; font-size: 28px; font-weight: normal; color: #1B1E20; text-shadow: 1px 1px 2px #000000; }
Ahora el problema es que cuando se sobrepasan los 200 comentarios Blogger los divide en páginas y en cada una el contador se inicia desde cero. Se me ocurrió agregarle unas condicionales para que los numere correctamente.
data:post.olderLinkUrl genera la url del texto ‹Más antiguo, por ejemplo si estamos en la página dos con el parámetro ?commentPage=2 creará un enlace a la página uno con el parámetro ?commentPage=1.
<b:if cond='data:post.olderLinkUrl == data:post.url + "?commentPage=1"'> Esto sólo funcionará en la página 2 </b:if>
Entonces para no complicarles la vida les dejo el código final que sería este:
<dl expr:class='data:post.avatarIndentClass' id='comments-block'> <!-- Ponemos el contador al número que deba iniciar en cada página --> <b:if cond='data:post.olderLinkUrl == data:post.url + "?commentPage=1"'> <script type='text/javascript'>var contadorComentarios=200;</script> <b:else/> <script type='text/javascript'>var contadorComentarios=0;</script> </b:if> <b:if cond='data:post.olderLinkUrl == data:post.url + "?commentPage=2"'> <script type='text/javascript'>var contadorComentarios=400;</script> </b:if> <b:if cond='data:post.olderLinkUrl == data:post.url + "?commentPage=3"'> <script type='text/javascript'>var contadorComentarios=600;</script> </b:if> <b:if cond='data:post.olderLinkUrl == data:post.url + "?commentPage=4"'> <script type='text/javascript'>var contadorComentarios=800;</script> </b:if> <b:if cond='data:post.olderLinkUrl == data:post.url + "?commentPage=5"'> <script type='text/javascript'>var contadorComentarios=1000;</script> </b:if> <b:loop values='data:post.comments' var='comment'> <!-- Agregamos un bloque para darle un nombre único a cada comentario --> <div expr:id='data:comment.id'> <dt expr:class='"comment-author " + data:comment.authorClass' expr:id='data:comment.anchorName'> <!-- El código del contador --> <div class='comentacontador'> <script type='text/javascript'> contadorComentarios=contadorComentarios+1; document.write(contadorComentarios) </script> </div> <b:if cond='data:comment.favicon'> <img expr:src='data:comment.favicon' height='16px' style='margin-bottom:-2px;' width='16px'/> </b:if> <a expr:name='data:comment.anchorName'/> <b:if cond='data:blog.enabledCommentProfileImages'> <data:comment.authorAvatarImage/> </b:if> <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='data:comment.url' title='comment permalink'> <data:comment.timestamp/> </a> <b:include data='comment' name='commentDeleteIcon'/> </span> </dd> <!-- Establecemos la clase del comentario y cerramos el bloque --> <script type='text/javascript'> ContarC('<data:comment.id/>') </script> </div> </b:loop> </dl>
En caso de tener más de 1200 comentarios (o más de 6 páginas) en un post agregamos otra condicional según lo necesitemos:
El listado anterior de sitios web está alfabeticamente ordenado según el título de la página, no lleva un orden especial, si usted quiere intercambiar enlaces puede solicitarlo aquí.
SPRITES
No tengo algo en contra de mis comentaristas 
La forma más simple y rápida recomendada no por mí, sino por 
Lo que se crea es in 
Otra manera que me gusta más es usar el 
