230

Formulario de comentarios Blogger debajo de los posts


Recuerda
que aunque yo pruebe los "trucos"
Antes de hacer ningún cambio
GUARDA SIEMPRE TU PLANTILLA
Nunca es seguro
que todo salga bien...
Modificando el HTML de nuestra plantilla podemos conseguir que el formulario para dejar comentarios de Blogger no aparezca en una ventana aparte, sino que lo haga justo al final de cada post.
Tendremos el formulario donde ahora vemos los comentarios al entrar a las páginas de etiquetas (al pinchar en el título de una entrada o sobre una etiqueta), y se verá tal cual lo vemos en la ventana popup cuando dejamos un comentario, pero "incrustado" debajo de cada entrada.

[1] Antes de comenzar iremos a la pestaña "Configuración" de nuestra plantilla y una vez allí a "Comentarios" donde seleccionamos SI en la opción "¿Mostrar comentarios en una ventana emergente?


[2] Nos situamos en nuestra plantilla - HTML , expandimos los artilugios y justo encima de </head> colocamos estas líneas de código:

<style>
#comenta-outter {
margin: 50px 0;
}

#comenta-inner {
display: block;
height: 650px;
width: 500px;
margin:0;
border:none;
background-color: #ddd;
}
</style>


[3] Bajamos ahora por la plantilla hasta localizar esta parte del código:

<b:includable id='comments' var='post'>
<div class='comments' id='comments'>
<a name='comments'/>
<b:if cond='data:post.allowComments'>
<h4>
<b:if cond='data:post.numComments == 1'>
1 <data:commentLabel/>:
<b:else/>
<data:post.numComments/> <data:commentLabelPlural/>:
</b:if>
</h4>
<dl id='comments-block'>
<b:loop values='data:post.comments' var='comment'>
<dt class='comment-author'
expr:id='"comment-" + data:comment.id'>
<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>
</b:loop>
</dl>
<p class='comment-footer'>
<a expr:href='data:post.addCommentUrl'
expr:onclick='data:post.addCommentOnclick'>
<data:postCommentMsg/>
</a>
</p>
</b:if>



Lo eliminamos por completo y lo sustituimos por este otro:

<b:includable id='comments' var='post'>
<div class='comments' id='comments'>
<a name='comments'/>
<b:if cond='data:post.allowComments'>
<center>
<div id='comenta-outter'>
<div id='comenta-inner'>
<iframe align='middle'
expr:src='data:post.addCommentUrl'
frameborder='0' marginheight='0' marginwidth='0' scrolling='auto'
style='width:100%;height:100%;'/>
</div>
</div>
</center>
</b:if>

[4] Buscaremos ahora esta otra parte del código de la plantilla:

<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.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>
</span>

Lo eliminamos sustituyéndolo por este otro:
<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>

[5] Modificaciones:
Podemos hacer algunos cambios en el código CSS, para adaptar el formulario y darle una apariencia mucho más original.
#comenta-inner {
display: block;
height: 650px;
width: 500px;
margin:0;
border:none;
background-color: #ddd;
}

height: 650px; Es el alto que tendrá el formulario, podemos cambiar el valor por el que necesitemos.

width: 500px; Es el ancho del formulario, lo más lógico será ponerle el mismo ancho que tengan nuestras entradas, para evitar que se vea "cortado".

border:none; Borde del formulario, está en none/ninguno podemos poner un valor para el borde: grosor, tipo y color, por ejemplo, border:2px solid #000;

background-color: #ddd; El color de fondo del formulario, en el ejemplo es de color gris claro (#ddd;), cambiaremos aquí el código para conseguir el color que queremos.
Podemos incluso añadir una imagen de fondo al formulario, cambiando
background-color: #ddd; por:

background: url(Dirección_url_de_la_imagen);

Formulario_ejemplo

Actualización:
Puede ser que antes hayamos modificado nuestra plantilla para aplicar el "Sin comentarios/1 comentario/x comentarios" como explico en esta entrada anterior.
Si queremos entonces colocar el formulario para los comentarios debajo de nuestras entradas, pero manteniendo el "Sin comentarios/1 comentario/x comentarios" los pasos a seguir serán los mismos, con la única diferencia de que el último código (paso[4]) lo cambiaremos por este:
<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 == 0'>
sin comentarios
<b:else/>
<b:if cond='data:post.numComments == 1'>
1 comentario
<b:else/>
<data:post.numComments/> comentarios
</b:if>
</b:if>
</a>
</b:if>
</b:if>
</span>


Entradas Relacionadas:

230 comentarios:

«El más antiguo   ‹Más antiguo   Total comentarios: 201 – 230 de 230   Más reciente›   El más reciente»
Anónimo

Céz ¿Porqué quieres usar este sistema? Lo usabamos cuando aún no era posible el nuevo formulario, pero ahora que ya podemos implementar el nuevo, me parece una tontería usar este, la verdad, no tiene comparación estéticamente al menos, con el nuevo...

-eme-

:S En mi plantilla no aparece el 2do codigo! que broncaaa

Cêz

Llegué demasiado tarde a pedir tu ayudita? imagino que debes estar muy ocupada, jejejeje :(

Cêz

Ooopss sorry Rosa, no me había fijado en tu respuesta, si pensé que en eso, solo que es un tanto fastidioso tener que apretar el link de Comentarios y te lleva a otra página para hacer uno acerca del post. Francamente es una pérdida de tiempo, jejeje. Veré tu otro post con un truco parecido pero sencillo.

PaMe26-OcIo

Hi. Gracias por tanta ayuda brindada a los ignorantes en esta area.
Mi gran problema es que por alguna extraña razon no tengo comentarios en mi blog. Algo q quizas pase a borrar o no se. La cosa es que ahora tengo una nueva plantilla, y aun no tengo un formuario de comentario. ¿Por que sera?, me podrias ayudar?.please.

Anónimo

Ocio Supongo que ya has ido a Diseño y en "Entradas del blog" has pinchado en "editar" y has marcado la opción correspondiente...si es así, entonces alguna parte del código te falta en el blog.
Tendrías que enviar a mi email tus datos de acceso al panel de Blogger y yo misma lo miraría.

- Bella -

DIOSAAAA!!!! :D :D A tí te hago un monumentoooooooo!!!

A base de mucho ''toquetear'' por aquí, he logrado hacer lo de los post. Se me ha borrado eso de en vez de COMENTARIOS que ponga otra cosa, pero ya lo arreglaré. Lo importante es que ya tengo lo que quería Y ES GRACIAS A TÍ!


CHAPÓ! ^^

Anónimo

BellaSwan Todo el mérito es de tu perseverancia ;)

Silvia

Hola:
Primero , felicitaciones por crear este canal de ayuda, es buenísimo.

Estoy tratando de crear un espacio de comentarios de mis visitantes, he siguido los pasos descritos pero por algun motivo no se activa ninguna ventana. Hace un tiempo seguí las instrucciones por enlace de otro blog que tenía una ventana de comentarios, pero al instalarla quedaba grande en mi plantilla, por lo cual me desconfiguraba todo, un desastre asique tuve que quitarla.
En fin...

Me gustaría que pudieras explicarme con manzanitas cómo se hace, de antemano, muchisimas gracias.

Atte.

Anónimo

Silvia No se si está explicado con manzanitas, pero si es lo mejor o más claro que se hacerlo...

Orlando

Hola. No entiendo bien que es lo que se logra con este truco. Estoy confundido. ¿Este es el truco para colocar "Comentar con el formulario antiguo" que aparece tal cual como en tu blog.?

Saludos!

Anónimo

Darío No. Lo que se logra es ver el antiguo editor de comentarios debajo de las entradas, como en este blog por ejemplo:

http://peonymesias.blogspot.com/

Orlando

Ah, ok, gracias, ya comprendí, se ve muy bueno y útil, pero ¿no habría forma de quitar las barras de desplazamiento y que los comentarios aparezcan sin necesidad de utilizar esas barras.?

Es decir, es muy útil que aparezca el formulario antiguo, mostrando todas esas opciones para comentar. Pero al momento de 'leer' los comentarios ya posteados, hay que desplazarse con la barrita. Por eso me gustaría saber si hay alguna forma de quitarlas, que los comentarios se vean asi como aca.

...
En todo caso, si no se pueden quitar las barras, me gustaría colocarle un enlace para comentar con formulario antiguo, o sea, asi como lo tienes aquí. Mi pregunta entonces sería ¿como hago esto último?


Saludos!

Anónimo

Darío No, si quitamos esas barras no podemos controlar el tamaño...piensa que a cada comentario nuevo, el alto crece...

Mira aquí como hacer eso otro que dices:
http://elescaparatederosa.blogspot.com/2009/06/usar-dos-opciones-para-comentar.html

Orlando

Gracias Rosita ya me funcionó.

Anónimo

con al respuesta anterior solo encuentro la 1 parte del html lo demas ya no solo hay parecidos no son los mismos creo porque los modifique los que crei q eran y me dio error asi que no pude agregar esto de los cuadros de comentarios

de ahi si doy clic en hacer comentarios la funcion q tiene blogs ahorita ahi si me sale el cuadro pero si yo entro ahi no se ven los comentarios no se si es porque soy el admon.
espero me entiendas y me ayudes porfa

Anónimo

ministros de Jesus Mira, mis disculpas, pero no logro entenderte...¿si entras donde?

OPin

Me has solucionado cada uno de los problemas que se me han ido presentando. Muchísimas gracias por tus aportes . Son super útiles.

EL SOPLON

No hay manera que em salga !!

http://laesquinadelsoplon.blogspot.com/

Jair Fuentes

Rosa! excelente post! oye como le hago en mi blog no aparece mi formulario de comentarios :S ya le hice de todo chekarias mi codigo fuente para ver que pasa? te lo agradecere muchisimo! saludos!

Anónimo

Jair Fuentes de Moyano Yo veo el formulario en tu blog...:o

Mi lado TEC

gracias
genial aporte
funciona a la perfeccion

Fabyola Varnoux

Rosa! yo he buscado el codigo en la plantilla MIL veces... pero no lo encuentro :((
¿Que puedo hacer?!

Rosa

Hikari Esta entrada es algo antigua y algunos códigos han cambiado si tu plantilla es más nueva... ¿estas segur@ te interesa esta manera de mostrar el formulario antiguo?... yo usaría el nuevo formulario sin duda alguna...

Fabyola Varnoux

Entonces como hago para mostrar el nuevo formulario?

Rosa

HikariAcostúmbrate a tratar de encontrar las cosas antes de preguntar... tengo muy poco tiempo y muchas consultas... cuando no indico nada como es en tu caso, quiere decir que la respuesta está en mi blog:

http://elescaparatederosa.blogspot.com/2008/06/formulario-de-comentarios-blogger.html

José Antonio

es posible acceder a un gadget al cual los usuarios del blog puedan dejar sus comentarios sin necesidad de tener una cuenta en blogger?

Anónimo

José Antonio Para eso no es necesario ningún gadget, solo tienes que escoger en Configuración - Comentarios la opción que necesitas.

Don fofo

Hola Rosa, hace tiempo quiero hacer una modificación en el formulario de comentarios, y quisiera ver si me puedes ayudar...

¿Como puedo configurar el formulario de comentarios, para para que cuando me encuentre en la página principal del blog, este sea "pop up", y cuando esté dentro de una entrada específica el formulario se encuentre al final de los comentarios?...

¿se puede?

De antemano muchas gracias

Anónimo

Don fofo / Cinediondo Pues no se si se puede, pero yo al menos no sabría como...

«El más antiguo   ‹Más antiguo   Total comentarios: 201 – 230 de 230   Más reciente›   El más reciente»

Publicar un comentario

Si vas a dejar una consulta, procura tener habilitado tu perfil en Blogger o deja la url del blog a revisar (no enlace).

Los comentarios están siendo moderados.

:) :(( :( :P :D :$ ;) :I :X :O |O :S