La mayoría de las plantillas tienen el número de comentarios y su enlace en la parte del footer del post, es decir, al final de la entrada, pero igual podemos ponerlo arriba de la entrada encima de un icono para que sea más visible y atractivo para los lectores.
La modificación es sencilla, sólo entra en Diseño > Edición de HTML, marca la casilla Expandir plantillas de artilugios y busca esta línea:
<b:includable id='post' var='post'>
Justo debajo de esa línea pegamos esto:
<span class='post-comment-link-arriba' style='font-size:24px; background: url(http://2.bp.blogspot.com/_qgZA1ny_dAs/TAMD0pviQsI/AAAAAAAAEQE/wIJ6xT5MjFA/s400/bubble.png) no-repeat top right; width:48px; height:48px; text-align:center; float:right; margin:5px 0 0 0; padding:5px 7px 0 5px;'>
<b:if cond='data:post.allowComments'>
<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <b:else/><data:post.numComments/></b:if></a>
</b:if>
</span>
Y listo, tendrás el número de comentarios arriba de la entrada.
Por supuesto puedes cambiar el icono por otro, sólo cambia lo que está en color rojo por la URL de tu icono.
Si cambias el icono deberás cambiar donde dice width (ancho) y height (alto) por las medidas del nuevo que has puesto.
El tamaño de los números se cambia donde dice font-size:24px; y la posición de los mismos en donde dice padding:5px 7px 0 5px;
ACTUALIZACIÓN (02/06/2010)
El ícono con el número de comentarios también aparecerá en las Páginas estáticas, se deseas que no aparezca ahí entonces encierra el código anterior así:
ACTUALIZACIÓN (08/06/2011)
En las plantillas hechas con el Diseñador de Plantillas de Blogger se debe quitar el float:right; del código, eso lo pondrá del lado izquierdo y quizá no se vea muy estético, pero si no se hace entonces el enlace a los comentarios no funciona.
Les dejo unos iconos que pueden usar:
Descargar | Iconos de comentarios
<b:if cond='data:blog.pageType != "static_page"'>De ese modo sólo aparecerá en las entradas pero no se mostrará en las Páginas estáticas.
...aquí va el código...
</b:if>
ACTUALIZACIÓN (08/06/2011)
En las plantillas hechas con el Diseñador de Plantillas de Blogger se debe quitar el float:right; del código, eso lo pondrá del lado izquierdo y quizá no se vea muy estético, pero si no se hace entonces el enlace a los comentarios no funciona.
Les dejo unos iconos que pueden usar:
Descargar | Iconos de comentarios
Muy bueno Potro
ResponderSuprimirOie potro tengo una duda aver si no la puedes aclarar en un post, es de Adsense.
¿Como activar Adsense para Dominios? ya que no le entiendo y sigo buscando como entenderle (ya entendi que solo es para que los comerciales no te lleve a errores o pagina no existentes)
POtro porfavor tronco aver si nos puedes alludar como activarlo y so con eso ganas mas dinero :D
Muy buen dato mi estimado amigo, siempre innovando y compartiendo lo mejor. Agradecimiento y felicitaciones para usted.
ResponderSuprimirDeseo también dejarte por acá la dirección de mi nuevo blog, en el cual como ya te había comentado antes decidí utilizar la plantilla que en un par de artículos anteriores nos compartías. La dirección es la siguiente:
http://nelsondiazblog.blogspot.com/
En la Sidebar la respectiva referencia a tu trabajo.
Muchas gracias hermano.
Hola ıllıllı★Criss Mitchell★ıllıllı,
ResponderSuprimirAdsense para dominios es para esto, supongamos que compras un dominio (tudominio.com) pero no tienes nada en él, ni un blog, ni una página ni nada, sólo el dominio y nada más, así que si alguien entra no habrá nada, quizá sólo un mensaje del navegador que dice que la página no existe.
Ahí lo que muchos hacen es usar Adsense para dominios que lo que hará es hacer una página con anuncios, de modo que cuando alguien entre vea una página de anuncios con un buscador y así ganes con esos anuncios.
Digamos que es una forma de sacarle provecho a ese dominio que posees pero que no lo tienes en uso.
Saludos.
Hola Nelson Diaz,
ResponderSuprimirEn realidad no es una innovación, ya tiene un tiempo que ese "truquillo" se usa.
Wow, me ha gustado mucho cómo quedó el blog, te agradezco que hayas usado la plantilla y más aun que haya dejado un espacio para enlazarme.
¡Un abrazo!
Hola, muchas gracias por el icono para los mensajes. Me encantó!
ResponderSuprimirya lo he agregado a mi blog: http://olaf1986.blogspot.com/
Te he dejado algunos clics de agradecimiento jeje =)
Qué bueno que te ha gustado :)
ResponderSuprimirSaludos y gracias por tu visita.
:o Genial :D
ResponderSuprimirGracias Potro
Gracias, no sólo por este, sino por todos los buenos trucos. Me están ayudando mucho en la creación de mi blog.
ResponderSuprimirQué gusto que este sitio te esté siendo de ayuda. Gracias por tu visita.
ResponderSuprimirMuchas gracias otro truco mas para mi blog
ResponderSuprimirhttp://brujo5-iphone.blogspot.com/
wowow muchas gracias esta genial
ResponderSuprimirQue bueno que lo posteaste, ya lo pondre mas tarde.
ResponderSuprimirSaludos.
Muy bueno Potro!
ResponderSuprimirya lo tengo en mi blog :
http://touchinfomobile.blogspot.com/
pero sabrías como poder cambiar los nº de color?
Un saludo socio.
Hola El Potro:
ResponderSuprimirAcabo de incorporarlo a nuestro blog, ha quedado muy vistoso.
Como siempre eres un fenómeno.
Un abrazo,
Hola Laser,
ResponderSuprimirLos número al ser enlaces toman el color predeterminado para tus enlaces.
Para modificar el color de los números agrega antes de ]]></b:skin> lo siguiente:
.post-comment-link-arriba a {color:#000;}
Hola Ricardo,
ResponderSuprimirDisculpa por haber tardado tanto en publicarlo pero tenía otros posts pendientes.
Espero y haya sido de tu agrado.
Saludos.
¿No sabes como poner mas de una url a una imagen?
ResponderSuprimirChido potro, de casualidad no sabes como hacer un header en flash?, me gusstaria hacer uno =D
ResponderSuprimirBig Bang, supongo que te refieres a un mapeado de imágenes, aquí hay una entrada de Oloblogger que explica cómo hacerlo.
ResponderSuprimirMets La Paz, aquí hay una entrada con la explicación de cómo ponerlo, pero sobre cómo hacer el archivo no sé, ahí ya tendrías que tener conocimientos sobre diseño flash.
wow...que sencillo!!! Una pregunta Bro..¿que sucede con el código que ya existe en la plantilla? me refiero a que nosotros agregamos este código para que los comentarios aparezcan sobre el post, en la parte derecha. Pero ya había unas lines dedicadas a eso diciendo que los comentarios iban debajo del post (por ejemplo). ¿no es necesario quitar ese código? ¿quedan los dos códigos?
ResponderSuprimirmmmm... perdón Bro, no se si se entienda lo que digo, es difícil explicarlo.
Un abrazo!!!
Hola muy buenas por estos lares, espero que alguien pueda echarme un cable con un problemilla que tengo tras aplicar este tip. Resulta que todo parece funcionar perfectamente pero en mi primera entrada del blog no contabiliza más que un comentario, sin embargo cuando accedo a dicha entrada si contabiliza correctamente. Puede ser por la librería jquery que uso para un s3slide?, en fin que no se como solucionar esto, gracias de antemano y saludos.
ResponderSuprimirbrother, no pasa nada si tienes los dos, de hecho la mayoría prefiere tener los dos enlaces, de cualquier modo, si no quisieras tener el otro sólo busca el código que es muy similar al que se ha agregado y elimínalo. Un abrazo!
ResponderSuprimirwebmaster, hay un problema general respecto al número de comentarios que muestra con el que realmente hay. Aquí hay más información.
Ahhhhhhhhhhhhhhhhhhhh!!! ahora entiendo! yo pensé que el código "se anulaba sólo" pero no entendía como eso podía pasar! :P perdon bro... entendí mal
ResponderSuprimirgracias por la clase!
Un abrazo!!!!
Igual no lo mencioné porque como te digo, la mayoría prefiere tener ambos, pero qué bueno que preguntaste, así si tienen la duda los refiero a tu comentario :D
ResponderSuprimirUn abrazo!
Muy bueno potro lo he probado en Blog de pruebas en el mio y se ve bien.
ResponderSuprimirBueno tipo SPAM hoy sera mi comentario vengo a invitar a todos los usuarios de CIUDAD BLOGGER visiten este nuevo proyecto, yo habro y habro blogs a lo loco verdad.
se llama
Letras en los Oidos es de letras de Música
http://letrasenlosoidos.blogspot.com/
Todos pueden entrar buscar su letra aun faltan muchisimas pero si alguien se anima a ayudarme con gusto que sera aceptado
muy buenas potro!! veras tengo un pequeño problema con mi blog,estoy modificandole la plantilla en mi blog de prueba pero...
ResponderSuprimirme gustaria que estos 2 labels estubiesen mas juntos y no sé como =(
http://img42.imageshack.us/img42/8123/capturaparapotroxddd.jpg
puedes verlo desde aqui si no lo ves bien
http://pruebastroyano.blogspot.com/
espero haber sido claro y que me puedas ayudar =(
un abrazo
Alex, suerte con el proyecto.
ResponderSuprimirTroyanonano, no veo que sean los márgenes, quizá debas aumentar el ancho de una de las sidebars para que ocupe el espacio que deja vacio.
ummm pero es que yo no quiero que ocumen mas las sidebars sino la zona de escribir... =/ como podria hacer eso?
ResponderSuprimirEn el #main-wrapper { agranda el ancho (width) de ese contenedor hasta que ocupe el espacio que quieres.
ResponderSuprimirHola de nuevo El Potro, en primer lugar gracias por tu respuesta, soy el usuario "Webmaster" que cambié mi nick, había leído ese otro post que indicabas sobre cómo blogger se come comentarios y tenías razón, se zampó un comentario de uno de mis posts. Ahora bien, tengo otra duda a ver si puedes ayudarme, el caso es que esto de los comentarios me aparece también en páginas estáticas, lo cual me gustaría cambiar, he probado con tu truco de ocultar entradas pero con mi plantilla se descuadra el sidebar... alguna sugerencia? muchas gracias por adelantado.
ResponderSuprimirYa he actualizado la entrada para que veas cómo ocultarlo en las páginas estáticas.
ResponderSuprimirSaludos.
Quedó perfecto! gracias otra vez!, también he aplicado el truco al botón para compartir por Twitter y Facebook (que hice siguiendo tus consejos a través del post correspondiente), ahora es el turno del botón Me gusta (también de facebook). Por cierto no sabrás de algún cuadro de búsqueda que funcione?. Saludos y gracias.
ResponderSuprimirno te entendi bien potro T___T
ResponderSuprimirno me sale para ajustar ancho ni nada,solo me sale esto en esa parte
#main-wrapper {overflow:hidden;}
.clear {clear:both;}
#blog-pager-newer-link {float: left;}
#blog-pager-older-link {float: right;}
#blog-pager {text-align: center; margin:15px 0; }
Jorge García, el que uso y que me parece más efectivo es el motor de búsqueda personalizada.
ResponderSuprimirTroyanonano, tienes repetido el #main-wrapper busca el segundo.
Lo he insertado en mi blog pero por el momento no encuentra nada de lo que busco...aunque he leído más arriba que tiene que indexar así que esperaré un par de días a ver qué tal va. Saludos Potro.
ResponderSuprimirCOMO HAGO PARA PONER LOS COMENTARIOS ABAJO DE LA ENTRADA ? NO SE QUE TOQUE Y SE ME CAMBIO AHORA NOSE COMO PONERLO EN SU LUGAR
ResponderSuprimirLee esta entrada y elige la tercera opción, con eso aparecerán los comentarios debajo de cada entrada.
ResponderSuprimirGracias Potro, eres el mejor, ya lo puse en mi Blog Reflexiones Cristianas
ResponderSuprimirSaludos!! Desde Venezuela
Qué bueno que te ha gustado :)
ResponderSuprimirHola, es de mucha ayuda lo que publicas muchas gracias.
ResponderSuprimirUna pregunta, al darle click encima, debería abrir los comentarios? o es sólo un ícono?
gracias
Gaby
También debe abrir los comentarios, no en una ventana aparte pero sí debe dirigirte a los comentarios debajo de la entrada.
ResponderSuprimir¡Saludos!
Gracias! lo tuve que sacar porque no abria nada :( peinso que tal vez es porque mi plantilla es de las nuevas de blogger..
ResponderSuprimirsaludos
Gaby
Es posible, ya he estado leyendo algunos reportes de usuarios con las nuevas plantillas a los cuales les han dejado de funcionar muchas cosas :s
ResponderSuprimirEn cuanto me sea posible probaré con una plantilla nueva para ver cómo se puede arreglar en caso de que sea eso.
¡Saludos!
Hola Potro, disculpa, pero no entendí eso de encerrar el código para que no aparezca en las estáticas.
ResponderSuprimirSorry
Gaby
Hola Gaby,
ResponderSuprimirEs que si tienes una página estática y usas el ícono de los comentarios también aparecerá en las páginas estáticas, entonces, para que ahí no aparezca tienes que usar el código que se menciona en la actualización y en donde dice ...aquí va el código... ahí pones el código que se explica en esta misma entrada.
Saludos.
Hola potro gracias por tu aporte, ya lo aplique, pero ahora me queda una duda el numero de comentarios siempre aparecen abajo de la entrada, como hago para ocultarlo ya que lo tendría 2 veces, agradecere tu respuesta.
ResponderSuprimirPara eliminar el enlace de comentarios debajo de las entradas expande los artilugios, busca y elimina esta parte:
ResponderSuprimir<span class='post-comment-link'>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:post.allowComments'>
<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><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>
</b:if>
</span>
Muchisimas gracias, ya lo hice como lo indicas y funciona perfecto, siempre estoy pendiente de tus trucos jejeje, son buenisimos.
ResponderSuprimirTenía el problema de las páginas, volví para ver si me podías ayudar y me encuentro la actualización.
ResponderSuprimirMuchas gracias por la actualización!. Ahora ya que me pongo quiero comentarte un problema con mi blog (http://carolumart.blogspot.com) y es que se ve mal en según que navegador y en otros ni se ve!, creo que debe ser un problema del editor que utilizo pero no lo sé.
Gracias de nuevo!
De nuevo aquí, es que me di cuenta que el numero de comentarios arriba del post no me redirige cuando hago click en el numero. Te agradeceré si me ayudas a ver que fallo pueda tener mi plantilla.
ResponderSuprimirGracias
En muchas plantillas sobre todo las que no son de Blogger hay mucha incompatibilidad con Internet Explorer, las cosas están encima de otras, otras debajo y otras no están, es todo un lío. Es por eso que siempre antes de elegir una plantilla y cada vez que se modifica algo hay que probarlo cómo se ve en todos los navegadores para no tener que sufrir después de muchas horas de trabajo.
ResponderSuprimirRespecto a lo otro no sé qué pueda ser, el código del número de los comentarios tiene el enlace para que dirija a ellos, quizá lo estás poniendo en alguna otra ubicación o hay algún otro elemento que "tapa" el enlace y no permite que se pueda hacer click en él.
noo encuentro ese código potro =( (en el cual se debe escribir abajo)
ResponderSuprimirDebes expandir los artilugios para encontrarlo.
ResponderSuprimirGracias!! Está genial!! Muy bueno tu blog!!!!! :)
ResponderSuprimirQué bueno que te ha gustado :)
ResponderSuprimirHola muy buenas
ResponderSuprimirEn primer lugar muchas gracias por la información que nos das a todos.
En segundo lugar tengo un problema al insertar el código, pues funciona perfectamente pero a la izquierda en línea con el icono aparece de nuevo el número de comentarios.
Puedes verlo en el blog: http://creativeunleashed.blogspot.com/
Ayuda! GRACIAS!
Hola Antno,
ResponderSuprimirExpande los artilugios y busca esta línea:
<span class='numComments'>
Borra desde esa línea hasta el siguiente </span> que encuentres, dale vista previa, si está todo bien guarda los cambios.
Lo siento, pero eso no m funciona o algo estoy haciendo mal. En mi Html lo que puedo ver desde lo que me has marcado (Aquí no me permite copiartelo, pero m da un error).
ResponderSuprimirGracias por tu rápida respuesta, espero haber si lo puedes solucionar.!
Seguro estás copiando algo más o algo menos del código, es por eso que te marca error.
ResponderSuprimirVeamos otra forma de hacerlo, pega antes de ]]></b:skin> esto:
.numComments {display:none; visibility:hidden;}
Con eso también debe funcionar.
Ouyea! Muchisimas gracias El Potro! Por haberte centrado en mi problema! muchisimas gracias! Felicidades por la página, muy muy buena! Gracias de nuevo!
ResponderSuprimirMi blog es sobre diseño gráfico para quien le guste o interese esta es la dirección:
http://creativeunleashed.blogspot.com/
Saludos y Gracias!
Es un placer haberte podido ayudar :)
ResponderSuprimirSaludos.
O soy muy estup... o que? pero no entiendo la parte de encerrar el codigo X__X
ResponderSuprimirAhhhhhhh!!! ahora si lo entendí ja! perdón pero a consulta absurda te dejes unos clic en agradecimiento. y la verdad muy bueno el blog! y muchas gracias
ResponderSuprimirGracias, qué bueno que lo solucionaste ;)
ResponderSuprimirHola Potro me ah gustado mucho este truqillo :) .. Gracias por compartir este tipo de información.
ResponderSuprimirSabés todo salio bien pero ahora dentro de la imagen que coloque sale la imagen que tenia anteiormente y no se quitarsela. Mira aca mi blog oara que te des cuenta. :/
http://capsulas-superacion.blogspot.com/s
De ante-mano muchisimas gracias y sigue adelante mira que ayudas a muchos xd!
Ya lo solucione potro! =D
ResponderSuprimircomo va potro?!?!? mira soy nuevo en este tema de los blogs y no entiendo mucho. Estuve viendo si podía de alguna forma poner a blogger un cuadro de comentario como los de wordpress pero no lo encontré, es eso posible??, lo que me gusta de wordpress es que para dejar el comentario tenes que dejar el nombre y el mail (obligatorio) no es como blogger que tiene que ser de una cuenta de google o anonimo. Lo que me interesa es que los comentarios salgan con un nombre y que solo yo pueda ver su mail, sin importar que sea de gmail de hotmail etc. se entiende lo que quiero hacer?? te agradecería muchísimo si me podes ayudar!! saludos
ResponderSuprimirpd: respondeme antes de tomar la piña colada jeje!!
muy bueno
ResponderSuprimirLnrdG, qué bueno que ya lo has resuelto :)
ResponderSuprimirfedeprueba, pues podrías usar el de Disqus.com aunque sería bueno que antes de usarlo leyeras un poco en la red sobre el tema ya que hay quienes pueden tener problemas con ello.
gygi13, qué bueno que te ha gustado!
Hola, necesito ayuda. En mi plantilla no aparece número de comentarios en la portada, y me interesa incorporarlo.
ResponderSuprimirAgradezco de antemano tu trabajo.
www.dechivilcoy.com.ar
Gracias
Alcides
Mira esta entrada, ahí está el código que es el link de los comentarios.
ResponderSuprimirEste comentario ha sido eliminado por el autor.
ResponderSuprimirGracias por tu rápida respuesta.
ResponderSuprimirMi plantilla no tiene post-footer
Tampoco post-header-line
Ni div style='clear: both; clear for photos floats
Existe alternativa?
Disculpa, soy novato.
Gracias!
Alcides
Necesitas marcar la casilla 'Expandir plantillas de artilugios' para poder localizar cualquiera de esos códigos.
ResponderSuprimirMarqué la casilla "expandir", pero no está post-footer
ResponderSuprimirTampoco post-header-line.
La única línea de las mencionadas en un comentario del otro post al que me guiaste,es div style='clear: both
Pero no continúa con clear for photos floats, como tu indicas en el otro post.
Evidentemente la plantilla que uso está muy modificada.
Cómo sigo?
Alcides
Pues nada más que lo pongas debajo de <b:includable id='post' var='post'>
ResponderSuprimirGracias, era esto lo que necesitaba para agregar el contador y el diseño de fondo que cree! ^^
ResponderSuprimirMe alegro que te haya servido :)
ResponderSuprimirOye amigo y como hago para personalizar el espacio de los comentarios de las entradas?, por ejemplo:
ResponderSuprimir1.- Asignar una linea o separador entre comentarios.
2.- Personalizar los comentarios de anonimos y otros que no tengas avatar.
Gracias espero que me ayudes, ya que CiudadBlogger me a ayudado en mucho de la personalizacion de mi Blog.
Para poner una línea que separe los comentarios busca esta línea y debajo de ella agrega lo que está en negrita:
ResponderSuprimir#comments-block .comment-footer {
border-bottom: 1px solid #000000;
Para personalizar los avatares de los anónimos, mira esta entrada de Gema:
gemablog-.blogspot.com/2009/09/avatar-en-comentarios.html
Saludos y muchas gracias por tu comentario. Me da gusto saber que este sitio te ha sido de ayuda ;)
Potro, en mi plantilla el icono de los comentarios queda muy arriba... Mi problema en realidad es que los comentarios como aparecen al pie de la entrada, se superpone un poco con las reacciones. Intenté bajarlo para que no suceda esto pero no pude. ¿Podrías decirme qué hacer? (www.recomendamoslibros.com.ar)
ResponderSuprimirEn la parte del código que has agregado busca este fragmento:
ResponderSuprimirmargin:5px 0 0 0;
Cambia ese 5px por otro valor más alto, por ejemplo 30px, con eso deberá correrse más abajo.
Hola Potro. Gracias por el aporte. Yo también tengo el problema con las plantillas nuevas que señalas en el comentario #43.
ResponderSuprimirEl icono me funciona perfectamente, pero no consigo crear un enlace a los comentarios (no aparece por defecto).
Al menos me gustaría poder poner un alt en la imagen que diga "Nº de comentarios", para que no sea confuso.
Si tuvieras alguna novedad sobre el asunto te agradeceré que me la comentes. Un saludo!
Por desgracia no toma el atributo title y sigue sin funcionar en las plantillas nuevas. He estado probando por mucho tiempo y no he tenido éxito. El problema está en que el link se pierde cuando tiene una imagen detrás de él, pero desconozco cuál parte de esas plantillas sea la que se deba modificar para que eso no suceda.
ResponderSuprimirSiento no poder ayudarte :(
Saludos.
Me ha sido de gran ayuda, porque al implementar la nueva plantilla, me habían desaparecido los comentarios de la página principal y estaba como loco intentando volver a colocarlos!!!
ResponderSuprimirGracias!!
Qué bueno que ta ha sido útil :)
ResponderSuprimirOyes no aparece en mi HTML el codigo que dices
ResponderSuprimirsolo me aparece
Me puedes ayudar
Necesitas marcar la casilla 'Expandir plantillas de artilugios' para poder localizarlo.
ResponderSuprimirHola Me gustaría poder cambiar el color del número ¿Me puedes ayudar a que deje de ser rojo? te dejo el enlace al blog por si te sirve: La Novia Novata
ResponderSuprimirMira el comentario #15, ahí está la explicación.
ResponderSuprimirGracias!!
ResponderSuprimirComo podria poner a trabajar esto estilo en la plantilla simple black metal...
ResponderSuprimirgracias...
Del mismo modo que se explica en la entrada.
ResponderSuprimiryo lo hice y me funciona pero me ditorciona la entradas en la portada....
ResponderSuprimirmirta este ejemplo de prueba:
http://pruebas0101.blogspot.com/
gracias...
Lo que sucede es que en las tipo magazine el espacio de las entradas en la portada es muy reducido y se deben agregar pocos elementos.
ResponderSuprimirLo que podrías hacer es que sólo se muestre el icono de los comentarios sólo en las entradas individuales y en la portada no, para ello encierra todo ese código entre:
<b:if cond='data:blog.pageType == "item"'>
y
</b:if>
ok.. ahora me quedo perfecto...
ResponderSuprimirgracias por tu aporte...
gracias.
Buenas noches potro, existe la posibilidad de cambiar el color del fondo?
ResponderSuprimirGracias de antemano y un saludo
Buenas noches Manu. El fondo es una imagen, para cambiarle el color tienes que editarla, subirla y luego remplazar la URL que está en color rojo por la tuya que modificaste.
ResponderSuprimirSaludos.
gracias potro por tu información y tu rapidez en la respuesta. un saludo
ResponderSuprimirse podra solo cambiar el color de numero que aparece en la entradaS?
ResponderSuprimirMira el comentario #15
ResponderSuprimirGracias Potro se ve excelente en mi blog.
ResponderSuprimirSaludos.
Me gustaría poner el mensaje de 0 comentarios en la parte superior derecha del post. ¿Me podrías ayudar? de antemano, gracias.
ResponderSuprimirEn esta entrada se explica cómo hacerlo. Y en esta otra se explica cómo alinearlo.
ResponderSuprimirme gustaria usarlo porque antes ya lo hise pero puse disqus como sistema de comentario y no me funciona
ResponderSuprimirEfectivamente si usas un gestor de comentarios independiente al de Blogger no podrás usarlo.
ResponderSuprimirHola Potro! Muchisimas gracias por tu ayuda, no se que seria de mi blog sin ti! Ha sido mut facil insertarlo en el blog, ahora, no consigo modificarlo, y es k me gustaria k no estuviese tan pegado a la derecha; cambiar los margenes para darle un poco de espacio a la derecha y arriba. He intentado cambiar los numeros pero solo me cambia la posicion del texto. Espero que me puedas ayudar una vez mas!
ResponderSuprimirMuchisimas gracias por adelantado!
Hola Madewithlof,
ResponderSuprimirLa posición puedes cambiarla en esta parte:
margin:5px 0 0 0;
El primer dígito es el margen superior, el segundo es el derecho, el tercero es el inferior, y el último es el izquierdo. Modificando esos valores podrás situarlo a la posición que desees.
Hola potro y como le pongo a cada comentario los numeros asi como lo tienes aqui en el blog que van en orden
ResponderSuprimirHola Oscar, en Oloblogger hay una entrada sobre ese tema, ahí podrás encontrar la información que necesitas.
ResponderSuprimirQuedó estupendo en mi blog.
ResponderSuprimirMuchas gracias
muy bueno el truco, pero ...¿habría alguna forma de añadir un texto como por ejemplo: deja tu comentario junto al icono?
ResponderSuprimirgracias
Sí, aunque no queda muy bien porque se sale, quizá la mejor forma de hacerlo sea que uses una tabla HTML, y en una celda pones el código del número de comentarios, y en la celda de al lado el texto que quieres.
ResponderSuprimirSeria genial si el globo con el numero de comentarios le pudieras dar clic y vaya directo a la entrada para que comenten, si no es mucho pedir xDDD
ResponderSuprimiraa se me olvidaba tengo un gestor de comentarios diferente al de blogger y me funciono perfectamente :D
ResponderSuprimirDe hecho el número debe enlazar a los comentarios, pero en las plantillas del Diseñador de plantillas es todo un circo o.O
ResponderSuprimirlo otro podria ser, hacer mas llamativa la frase que dice "x Comment" cambiarla por una imagen o algo parecido :D
ResponderSuprimirPodría ser, pero sería poco funcional.
ResponderSuprimir:(
ResponderSuprimirEl problema es que también me aparece en el formulario de contactos, pero no quiero que aparezca ahí ¿qué hago?
ResponderSuprimirPara que no se muestre en las páginas independientes encierra el código entre:
ResponderSuprimir<b:if cond='data:blog.pageType != "static_page"'>
y
</b:if>
hola potro... agregue ese truco... despues de haber leido que con las plantillas del diseñador de blogger habia que ponerlo a la derecha pero me dije: "quizas ya no se de ese problema". Pues si se dio. Me arrepenti de ese truco y solo seleccione el codigo y lo elimine, pero despues de eso el enlace que sale normalmente en el post-footer que dice "# Comentarios" DESAPARECIO... lei el comentario 46 y 47 de este post... en el 47 tu explicas que para borrar ese enlace hay que borrar este codigo (el que pusiste en ese comentario), pues usando un poco la logica, yo no lo elimine si no que lo aumente... ahora ya sale ese enlace... pero sobre el titulo del post... como hago para ponerlo como estaba en el principio (en el post-footer)... mi blog Gracias...
ResponderSuprimirHola Xavier,
ResponderSuprimirSólo tienes que colocar el código debajo de cualquiera de estas líneas:
<div class='post-footer-line post-footer-line-1'>
<div class='post-footer-line post-footer-line-2'>
<div class='post-footer-line post-footer-line-3'>
Saludos.
Holii, queria pedirte otro tutorial :P es que quiero saber como se hace para poner la fecha del post y los comentarios en una imagen al lado del post. asi como en estas templates HautePress y Lummoxie. Queda super bonito y me estoy muriendo por saber como se hace, intente buscarlo pero todos los tutoriales son solo para ponerlos dentro del titulo del post. y asi queda feo. De esta manera se ve algo asi como un archivo, queda bonito y le podria poner unos corazoncitos :$
ResponderSuprimirEspero tu respuestita, besi.
Hola liliith♥,
ResponderSuprimirDeja programo ese tutorial, no te prometo que sea pronto porque aún tengo unos pendientes con otras entradas, pero trataré de sacarlo lo más rápido posible ;)
uuu yo tambien quiero eso que pidio lilith queda sarpaado!
ResponderSuprimirel enlace de numero de comentarios me aparece azul hasta que le hago click :(. como cambio eso?
ResponderSuprimirEn el código del comentario, justo después de style='font-size:24px; agrega:
ResponderSuprimircolor:#000;
Ese es el código del color que quieras que tendrá en número de comentarios.
mmm no, ya habia intentado eso y poniendole colores distintos y nada D:
ResponderSuprimir¿En cuál blog tienes el problema?
ResponderSuprimiren el mio, el que aparece en mi perfil, tenes que hacer click en "mi pagina web" abajo de contacto.
ResponderSuprimirPrueba agregando estos estilos arriba de .numComments {
ResponderSuprimir.numComments a {color:#FFF;}
SI! funciono! muchas gracias ♥
ResponderSuprimirPor nada ;)
ResponderSuprimirHola El Potro. Primero quiero comentarte que tu blog es muy bueno. He aplicado muchas de tus ideas desde cuando "tropece navegando" en busca de paginas que enseñaran a crear blogs. Y la tuya esta muy bien. Te comento que he querido aplicar este codigo en un blog que estoy empezando a montar (palabra coloquial colombiana = hacer, administrar,crear,, etc)y la imagen de fondo donde esta encuadrado el numero de comentario no aparece completa...quisiera que porfavor me ayudaras... debido a que no se mucho HTML algunas veces dudo de como proceder en cuanto a codigos...
ResponderSuprimirApreciando tu ayuda.
Gerson C. Suns
Hola GCS, muchas gracias por tu comentario :)
ResponderSuprimirPor cierto que aquí en México también usamos la palabra montar, tiene varios usos, pero igual lo usamos como lo has ejemplificado.
He entrado a tu blog para ver lo que mencionas de la imagen del comentario pero no lo vi puesto, al menos no en el blog de tu perfil. Si lo has puesto en algún otro blog deja la dirección para poder mirar el código y entender qué puede estar pasando.
Saludos.
Hola Potro =D!!!
ResponderSuprimir¿Cómo puedo hacer esto pero con una imagen del autor?
Me refiero a poner una imagen del autor de la entrada a la izquierda del título de la entrada...
Hola Amiitha, es más o menos igual que como se explica acá, sólo pega en ese mismo lugar este código:
Suprimir<div style='width:48px; height:48px; text-align:center; float:right; margin:5px 0 0 0; padding:5px 7px 0 5px;'>
<img src="URL de la imagen del autor" />
</div>
¿Y ese código sirve para agregar otros autores? ¿O saldrá la misma imagen en todas las entradas? Explicame por favor *-*
SuprimirMira esta entrada, creo que es lo que estás buscando:
Suprimirhttp://ciudadblogger.com/2010/06/acerca-del-autor-debajo-de-cada-post.html