Siguiendo con la personalización de los comentarios, vamos a quitar el ícono de Blogger que aparece antes del nombre del usuario que comenta.
Entra a Diseño > Edición de HTML, marca la casilla Expandir plantillas de artilugios y busca este código:
Si no lo encuentras quizá aparezca así:
Sólo tienes que eliminarlo y en su lugar poner esto:
Con esto habrás eliminado el icono de Blogger de los comentarios.
Entra a Diseño > Edición de HTML, marca la casilla Expandir plantillas de artilugios y busca este código:
<dt expr:class='"comment-author " + data:comment.authorClass' expr:id='data:comment.anchorName'>
Si no lo encuentras quizá aparezca así:
<dt expr:class='"comment-author " + data:comment.authorClass' expr:id='data:comment.anchorName'>
Sólo tienes que eliminarlo y en su lugar poner esto:
<dt class='comment-author' expr:id='data:comment.anchorName'>
Con esto habrás eliminado el icono de Blogger de los comentarios.
Ciudad Blogger
Consulta y respuesta de inmediato. Jaja.
ResponderEliminarPotro: ¿En vez de eliminarlo se puede cambiar?.
Aprovecho, también, para preguntarte cómo cambio o elimino el mismo icono blogger, pero el que figura cuando exploras los seguidores
Gracias y saludos.
Jpz.-
Hola Jpz,
ResponderEliminarBusca esta parte de la plantilla:
.comment-author {
Abajo de esa línea agrega esto:
background: url (URL del icono) left no-repeat;
padding-left: 25px;
Guarda los cambios y listo. De los seguidores no tengo idea, es un gadget que se comporta siempre muy intestable y en la plantilla no se intala el código del widget para poder modificarlo :(
Saludos.
no me sale .comment-author {
EliminarGracias nuevamente.
ResponderEliminarSaludos.
Jpz.-
Que capo!!!! como si fuera poco lo del post... siguen enseñando en los comentarios. jajajajaja...
ResponderEliminarHabría que postular este blog en algún ranking!!!!!
Un abrazo!!!
Hola potro ...bueno como te dije e cambiado de plantilla y valla que esta muy buena...nada mas que en la columna derecha hay cuatro cuadros 125x 125 y no quiero que salgan... :/ sabes como hacer que no salgan??????
ResponderEliminarCyberbloggero, lo dudo mucho, jajaja, pero con que les sea útil el blog me doy por bien servido.
ResponderEliminarUn abrazo.
HP muggle, entra a Diseño > Edición de HTML y borra desde <div class='banner'> hasta el próximo </div>
ResponderEliminarSaludos.
Gracias...!!!! :D
ResponderEliminarExcelente aporte,
ResponderEliminarNo me conocia este truco para los bloggers , justo lo que andaba buscando, gracias por tu aporte.
Un abrazo.
Paeles Pintados
Hola Rafael,
ResponderEliminarQué gusto que te haya sido de utilidad.
Saludos.
Potro sabes como hacer un menu desplegable?
ResponderEliminarHola.
ResponderEliminarSolo una pregunta.
En mi blog aparece primero lo de
Publicado por el venado
como lo paso al final de la entrada.
No se puede en Elementos de la pagina ya lo intente.
Se puede en Edicion de HTML
HP muggle, mañana hago el post con la explicación.
ResponderEliminarHola el venado,
ResponderEliminarEntra a Diseño > Edición de HTML, marca la casilla Expandir artilugios y busca este código:
<div class='postedby'>
<div class='post-status'>
<span class='post-author vcard'>
<b:if cond='data:top.showAuthor'>
<data:top.authorLabel/>
<span class='fn'><data:post.author/></span>
</b:if>
</span>
<span class='post-timestamp'>
<b:if cond='data:top.showTimestamp'>
<data:top.timestampLabel/>
<b:if cond='data:post.url'>
<a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published' expr:title='data:post.timestampISO8601'><data:post.timestamp/></abbr></a>
</b:if>
</b:if>
</span>.
<b:if cond='data:post.dateHeader'>
<span class='date-header'><data:post.dateHeader/></span>
</b:if>
</div>
<span class='post-comment-link'>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:post.allowComments'>
<a class='comment-link' expr:href='data:post.url + "#comments"'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a>
</b:if>
</b:if>
</span>
</div>
<span class='post-labels'>
<b:if cond='data:post.labels'>
<data:postLabelsLabel/>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>,</b:if>
</b:loop>
</b:if>
</span>
Córtalo y pégalo justo debajo esta línea:
<div class='post-footer-line post-footer-line-3'/>
Saludos.
Hola potro...una pregunta , mira como haces para que cual alguien que es usuario comenta en tu blog sea diferente al de los administradores.Osea como en Respondones y aquí.
ResponderEliminarHola HP Muggle,
ResponderEliminarPuedes ver la explicación en este post de Vagabundia.
Saludos.
GRACIAS POR TUS VALIOSOS APORTE, TE E ENLAZADO A MI BLOG
ResponderEliminarHola Felix Mejia,
ResponderEliminarGracias a ti por el enlace.
Saludos!
Hola Potro,
ResponderEliminarDe nuevo Giancarlo una pregunta como hago en blogger para que salga las fotos de las personas cuando hacen comentarios y hasta la mia, por que no salen...
Gracias
Hola Giancarlo,
ResponderEliminarPrimero entra en Configuración > Comentarios, y en donde dice ¿Mostrar imágenes de perfil en los comentarios? selecciona 'Sí'.
Luego entra en Diseño > Edición de HTML y con los artilugios expandidos busca esta parte:
<dl id='comments-block'>
Sustitúyelo por esto:
<dl expr:class='data:post.avatarIndentClass' id='comments-block'>
Luego busca esta parte:
<a expr:name='data:comment.anchorName'/>
Y cambiala por esto:
<b:if cond='data:blog.enabledCommentProfileImages'>
<data:comment.authorAvatarImage/>
</b:if>
Saludos!
Potro,
ResponderEliminarListo realizados los cambios, chamo cada vez que uno empieza hacer cambios y cosas en el blog van apareciendo más y más. Ahora se presento otra cosa porfa visita este enlace y mira como de salen los comentarios del cuadro: http://oportunidaddetrabajoparausted.blogspot.com/2009/12/nuestro-regalo-de-navidad-para-ti-es.html
Gracias Potro
Busca esta parte en tu plantilla:
ResponderEliminar#comments-block {
width: 580px;
Modifica el 580 por 520, quizá con eso se arregle.
Saludos.
Potro,
ResponderEliminarListo hermano, le puse 500 por que seguia fuera. Bueno ya lo tengo para cuando haya un comentario en el otro blog y si se sale ya se como se modifica. Bueno yo creo que por hoy estoy listo, aunque siempre digo lo mismo y sigo pegado de la maquina.
Un abrzo Gracias.
Por nada, me da gusto que te haya servido.
ResponderEliminarSaludos.
Joé, potro, no se te escapa una...
ResponderEliminarGracias de nuevo, qué bonito que me está quedando el blog!
Seguro que te quedará de 100 ;)
ResponderEliminarSiempre con tus cátedras Potro...
ResponderEliminarComentarios satisfaciendo "los lados b de los posteos".
Cuando quedan dudas complementarias, ahí está El Potro para darle la solución...
Grande y gracias.
Saludos.
Jpz.-
Sin duda luego se aprende más de los comentarios, lástima que casi nadie los lee.
ResponderEliminarSaludos!
UNA CONSULTA COMO HACES PARA QUE LOS COMENTARIOS APARESCA LA FOTO DEL AUTOR DEL COMENTARIO... EJEMPLO: (TU FOTO) el POTRO DIJO... Y ADEMAS COMO LE CAMBIAS DE COLOR A TU PROPIA FOTO PORQUE AVECES APARECE SEPIA Y OTRAS ROJA Y AMARILLA
ResponderEliminarHola nEjO,
ResponderEliminarYa te he respondido en la otra entrada donde hiciste la pregunta.
Saludos.
hola potro quisiera saber lo contrario de este tuto yo quisiera que mis comentarios tengan su icono aunque sean comentarios anonimos porque en mi platilla creo que no lo tengo aver si me pasas los codigos gracias
ResponderEliminarEntonces sólo expande los artilugios y busca esta parte:
ResponderEliminar<b:if cond='data:comment.favicon'>
<img expr:src='data:comment.favicon' height='16px' style='margin-bottom:-2px;' width='16px'/>
Arriba de ese código pega el primero que se menciona en esta entrada.
Saludos.
El codigo no lo encuentro en ninguna parte :S ya expandi los articulos y nada mi plantillas es igual ala tuya aver si me pudes dar otra opcion tambien quisiera colocar otro icono en los comentarios anonimos Gracias
ResponderEliminarPues debería de aparecer, todas las plantillas deberían tenerlo, incluso la mía lo tenía :(
ResponderEliminarRevisa bien, será más fácil su buscas primero la primera línea del código que te mencioné.
Para poner íconos distintos y distinguir a los autores y comentarios anónimos te recomiendo este tutorial:
http://vagabundia.blogspot.com/2009/03/identificando-los-autores-de-los.html
Saludos.
Hola Potro, te dije que volvería...
ResponderEliminarHe seguido tus instrucciones para eliminar el icono de Blogger de los comentarios en los dos blogs que tengo... y no me ha funcionado en ninguno. No ha pasado nada grave, simplemente... todo sigue igual. Tienes idea de por qué puede ser?
Un saludo.
Quizá tienes un tanto distintos los códigos, con eso de que hace algunos meses Blogger incluyó otros códigos para mostrar avatares en lugar de íconos es posible que estés confundiendo las líneas que se deben sustituir.
ResponderEliminarEste comentario ha sido eliminado por el autor.
ResponderEliminarComo se enumeran los comentarios?
ResponderEliminarRetiro lo dicho, Potro. Funciona ferpectamente. El que no sabe es como el que no ve... ya sabes.
ResponderEliminarGracias ooooootra vez.
Lo importante es que ya ha quedado bien ;)
ResponderEliminarHola Potro! ante todo felicitarte por la pagina, si no es por ti nunca tendria un blog mas o menos pasable. Mi problema es que cuando me comentan una entrada aparecen logicamente los comentarios pero cuando yo quiero responder, en vez de aparecer mi comentario tambien lo que pasa es que desaparece la entrada y no entiendo porque. Puse imagenes como tienes tu, uno para usuarios, otro para anonimos y otro para el mio personal. Feliz navidad y gracias!!
ResponderEliminarHola Paco,
ResponderEliminarEs bastante extraño eso que mencionas ¿en cuál entrada te ha sucedido tal situación?
¡Feliz Navidad igualmente!
Te cuento, he puesto un comentario en esta pelicula de mi pagina por ejemplo en: http://www.todopornadaonline.com/2009/11/escondidos-en-brujas.html
ResponderEliminarDonde pone comentar como, he puesto mi cuenta de google, al darle a publicar se me queda la parte de entradas en negro. Quizas se debe a que tengo algo mal dentro de la edicion de HTML... Gracias!
Efectivamente debe tratarse de un error en la estructura de la plantilla, lo más recomendable sería reinstalar la plantilla para que se corrija cualquier error que haya en ella, o bien, entra en Diseño > Edición de HTML y hasta abajo verás que dice 'Restablecer plantillas de artilugios a los valores predeterminados'. Haz click ahí para recuperar los códigos originales de la plantilla.
ResponderEliminarYa lo arreglé, uff despues de mucho pensar, ví que tenía un pequeño error en la Edición de HTML, ya va todo bien! Nuevamente te felicito por la página, que haría yo sin tí jajaja. un abrazo!
ResponderEliminary si quiero cambiarlo por otro icono?
ResponderEliminarotra pregunta quiero separan los comentarios con enumeracion y lineas el mio esta todo desordenado www.lockerzlatinos.com
ResponderEliminarEn el comentario #2 está la explicación para cambiarlo por otro.
ResponderEliminarPara separarlos uno del otro busca esta parte:
#comments-block .comment-footer {
Debajo de ella agrega esta línea:
border-bottom:1px solid #000;
Para numerarlos mira esta entrada de Oloblogger que explica cómo hacerlo:
http://oloblogger.blogspot.com/2010/03/numerar-comentarios-en-blogger.html
Graz por responder fijate solo encontre esto
ResponderEliminarmira esta foto http://i52.tinypic.com/wja053.png
y agrege abajo y no aparecio el separador
el otro de enumerar si me sirvio que me sugieres
Me gustaria poner ese separador es importantisimo
ResponderEliminarEsa línea debería estar en los estilos de la plantilla. Traté de ver cuál sería su equivalente en la plantilla que usas pero está demasiado modificada y el autor ha cambiado por completo los nombres de los contenedores por lo que no sabría decirte qué modificar.
ResponderEliminarLo único que se me ocurre es que agregues esto antes de ]]></b:skin>
#comments-block .comment-footer { border-bottom:1px solid #000;}
UFF buenisimo si funciono grazz
ResponderEliminarquiero tambien saber como colocar color al nick como se ve aqui en mi nick color azul
ResponderEliminarEstoy buscando como poner una imagen como borde
ResponderEliminarejmeplo los comentarios de intercambios
http://www.intercambiosvirtuales.org/software/faronics-deep-freeze-enterprise-v7-20-220-3398-multilenguaje-espanol-protega-instantaneamente-las-configuraciones-de-sus-sistemas-en-red#more-30534
usa imagen como borde http://www.intercambiosvirtuales.org/wp-content/themes/summerfruit/images/customavatar_.png
y otro el avatar
http://www.gravatar.com/avatar/4a366576080ec1cc56f5d93959a21bb9?s=75&d=http%3A%2F%2Fwww.intercambiosvirtuales.org%2Fwp-content%2Fthemes%2Fsummerfruit%2Fimages%2Fcustomavatar.png%3Fs%3D75&r=G
El nick es un enlace y para modificarlo tendrías que modificar todos los enlaces de tu blog.
ResponderEliminarPara hacerle modificaciones al avatar mira esta entrada de Gema:
http://gemablog-.blogspot.com/2009/09/avatar-en-comentarios.html
Sobre lo de enmarcar los comentarios después publico una entrada sobre ello porque es algo extenso.
No me funciona, sigue igual, en mi codigo, aparece la segunda opcion.
ResponderEliminarla sustituyo y todo continua igual..
¿Tienes la opción de que se vean los avatares?
ResponderEliminarPorque si es así entonces necesitas desactivar esa opción.
Fuera de eso el truco sigue funcionando sin problemas.
Podria ser.. como se si l tengo activado? i donde los puedo desactivar?
ResponderEliminarPuedes verlo en Configuración > Comentarios > ¿Mostrar imágenes de perfil en los comentarios?
ResponderEliminarSi está en Sí entonces debe mostrar los avatares de los comentaristas.
Si está en No entonces debe mostrar los iconos de Blogger.
Saludos Potro.
ResponderEliminarTruco aplicado excelentemente... Gracias...
Potro no se ve las imágenes de perfil de blogger en los comentarios de mi blog, pero si el icono a que puede deberse?:
ResponderEliminarhttp://infosportinggijon.blogspot.com/
Quizá no los has activado, mira el comentario #61
ResponderEliminarSi está en si, pero no salen.
ResponderEliminarEntonces los has de haber eliminado de la plantilla. Mira las indicaciones del comentario #20, ahí dice cuál es el código que se debe de poner.
ResponderEliminarEste comentario ha sido eliminado por el autor.
ResponderEliminartampoco es eso :s mo se lo que puede ser, creo que voy a dejar puestos los iconos...
ResponderEliminarPues si nada de eso te ha funcionado es probable que hayas eliminado alguna parte del código de los comentarios que es la que hace que aparezcan los avatares.
ResponderEliminarHola Amigo Potro!...
ResponderEliminaryo tengo un caso distinto, es que instale una plantilla y le modifiqué unas cosas, pero resulta que los los comentarios venian con una imagen predeterminada, como hago para cambiarla, es que busco los codigos que dices con artilugios pero no los encuentro (obvio por lo que es una plantilla distinta) pero queria saber si me puedes ayudar a cambiar esa imagen predeterminada por el logo de mi blog (El cual ya lo tengo creado.
El blog que te digo es:
http://aquarellaibague.blogspot.com
Fijate en la parte de los comentarios porfa!..
Gracias potro!... que pena mi ingnorancia pero intento e intento y no lo he logrado!!!! :(
No tienes nada de qué avergonzarte, nadie nace sabiendo ;)
ResponderEliminarEsa imagen la puedes encontrar en esta parte:
.avatar-image-container{background:url(http://2.bp.blogspot.com/_5UzqrQjtYEQ/TZU-DHkEuFI/AAAAAAAACFw/KOzvqmKd_0s/s000/comment-avatar.jpg);
¡Saludos!
Hola Potro, hay alguna manera de eliminar de la ventana de comentarios la opción de Anónimo a la hora de elegir una identidad. Un abrazo.
ResponderEliminarClaro PC, si ingresas a Configuración > Comentarios, verás una sección que dice quién puede publicar comentarios, si eliges "Usuarios con cuentas de Google" entonces sólo quienes tengan cuenta podrán comentar, los anónimos y demás no.
ResponderEliminarYa Potro eso si que lo he visto, yo lo que queria era quitar solo a los Anónimos a traves de alguna modificacion en la plantilla.
ResponderEliminarNo, esa área de los comentarios es un iframe que coloca Blogger en la plantilla; como es un iframe entonces nosotros no podemos modificarlo en lo absoluto, eso lo controla Blogger completamente. Nosotros sólo podemos cambiar el ancho y las cosas alrededor de él, pero nada de las opciones que hay dentro.
ResponderEliminarBueno pues nada, gracias potro. Un abrazo
ResponderEliminarpotro no me funciono no se por k
ResponderEliminarQuizá el código que tienes que quitar lo tengas dos veces.
ResponderEliminarEste comentario ha sido eliminado por el autor.
ResponderEliminar¿Y cómo se quita la fila de nueve iconos que hay en los comentarios, la que te permite compartir con twitter, myspace...?
ResponderEliminarAmmmm, no sé cuál fila de iconos sea, ¿eso lo trae tu plantilla? ¿en cuál blog?
EliminarYa he solucionado lo de los iconos. Pero ahora tengo otro problema. En el "Blog Archive", donde aparecen las entradas ordenadas por meses y años, el número de posts de cada mes aparece en azul, y casi no se ve porque el fondo de la plantilla blogger que utilizo también es azul (utilizo la plantilla "barcia"). ¿Sabes cómo cambiarlo a color blanco para que se pueda ver bien?
EliminarAquí te dejo la plantilla por si le quieres echar un vistazo:
http://www.bloggertemplatesblog.com/barcia-blogger-template/
Busca esta parte:
Eliminar.sidebar {
color:#0B384E;
line-height:1.5em;
}
Ese código hexadecimal es el color del texto de la sidebar, incluyendo los números que aparecen en ese gadget.
Sí, lo he encontrado, pero no sé qué hacer. ¿Tengo que cambiarlo por otro?
EliminarTienes que cambiar el código del color, o sea, este:
Eliminar#0B384E
Por el código del color que quieras:
http://ciudadblogger.com/p/codigos-de-colores-rgb-y-hexadecimales.html
Genial, ha funcionado!! Gracias!
Eliminarok como puedo hacer que salga una imagen diferente, no quitar el icono sino que en vez de que salga la B de blogger salsa el favicon de mi web
ResponderEliminarMira el segundo comentario, tal vez eso sea lo que buscas.
Eliminarlo hice me quedo así:
Eliminar#comments .comment-author {
background: http://dl.dropbox.com/u/17528574/FotoComentrios.ico left no-repeat;
padding-left: 25px;
padding-top: 1.5em;
y no paso nada, luego lo puse así:
#comments .comment-author {
padding-top: 1.5em;
background: http://dl.dropbox.com/u/17528574/FotoComentrios.ico left no-repeat;
padding-left: 25px;
y tampoco funciono, estoy haciendo algo mal??
¿Tienes los comentarios anidados? Porque estos métodos son para los comentarios antiguos.
Eliminarahhh es so entonces jejejeje, alguna forma de hacerlo en los anidados?
EliminarPuedes ponerle un avatar a los Anónimos, pero no sé si aplique también para los que no tengan avatar:
Eliminarhttp://www.oloblogger.com/2012/01/avatar-personalizado-para-comentarios.html
El potro mi consulta es la siguiente... vi en paginas que uno puede comentar desde cualqueir cuenta, ya se facebook, yahoo, msn, etc... me podrias decir donde consigo ese codigo? Porque el unico que encuentro es el de Facebook y no todo el mundo tiene Facebook, al menos no a los que va dirigida la pagina que estoy realizando.
ResponderEliminarSaludos!
Con el formulario de comentarios de Blogger sólo se puede comentar con las opciones que da y que hayas elegido, que pueden ser, sólo los autores del blog, anónimos, o usuarios con cuenta de Google.
EliminarSaludos.
Che yo tengo un problema no se quita el icono de blogger me ayudas?
ResponderEliminarhttp://bcg-team.blogspot.com.ar/p/contactanos.html
Este procedimiento no aplica para los comentarios anidados, para ese caso mira esta entrada, quizá te pueda servir:
Eliminarhttp://www.oloblogger.com/2012/01/avatar-personalizado-para-comentarios.html
He puesto esto pero el icono no se me quita
ResponderEliminar¿En cuál blog?
EliminarNada nada, esto ya no va... Por lo menos a mí no me furula.
ResponderEliminarEjemplo: http://freetimespenders.blogspot.com.es/2012/02/blade-runner-critica-del-jorge.html
Pues sí, sí va, aunque sólo en el sistema de comentarios antiguo.
EliminarJoé, pero si yo tengo ese! (creo)
EliminarPero bueno, ya arreglé el problema de otra forma.
Oh, ya que estás, me gustaría preguntarte como puedo restablecer el iconito del lápiz que sale en los comentarios, al lado del autor de la entrada (NO el lápiz quickedit para editar entradas, ese no)... Resulta que poniendo el css solo no va. Ahora mismo lo tengo puesto y no sale, como puedes comprobar. He deducido que en su dia tuve que borrar algo del código de la plantilla expandida... Pero no sé qué puede ser. ¿Tienes alguna idea?
Yo no sé por qué suceda, pero he notado que aparece y desaparece por si solo, o al menos eso quiero pensar. Aun así, mira esta entrada de Karla, quizá te falte ese código:
Eliminarhttp://www.compartidisimo.com/2012/01/destacar-el-comentario-del-autor-del.html
Hola Potro,
ResponderEliminarQue tal?. Me gustaria hacerte una pregunta. A mi me pasa algo curioso en mi blog. En la parte superior derecha de mi blog (www.dondeandaras.blogspot.com) en el recuadro done estan mis datos tengo escrito mi nombre, Jose Frances, en letra color purpura. Pues bien, justo debajo de mi nombre ha aparecido un logotipo de BLOGGER en color naranja y no se como quitarlo o disimularlo..El caso es que ese logotipo impide que se vea mi nombre correctamente. Sabes si hay alguna forma de quitarlo o dejar simplemente la letra B. Si me pudieras ayudar te lo agradeceria de corazon.. Un saludo afectuoso.. Jose Frances, Tu seguidor fiel...
Hola, es que como ahora lo han cambiado todo los codigos no son los mismos porque en vez de
ResponderEliminarexpr:class='"comment-author " + data:comment.authorClass' expr:id='data:comment.anchorName'>
es esto
class='comment-author'>
no es lo mismo, -_-" la verdad esto irrita bastante, me pregunto porque lo dejarían así, ni siquiera se puede buscar con F3 lo de
]]>
Alguna sugerencia?
De hecho esto es para plantillas antiguas, porque las nuevas (que traen los comentarios anidados) ni siquiera tienen los íconos de los que hablamos en esta entrada, ahí son todos avatares.
Eliminargracias
ResponderEliminar