JMiur [E]

La idea de poner el formulario para enviar comentarios dentro de la misma página donde se muestra el post, viene de lejos, desde que una vez, Nico encontró esta página donde se mostraba como hacerlo pero, no estaba implementado para las plantillas nuevas.

Esto, significaría modificar uno de las cosas más molestas de Blogger para asimilarla a lo que hacen WordPress y muchos otros servicios, donde en una misma página, se muestra el articulo individual, los comentarios y un formulario de envío lo que nos evita el inconveniente de tener que abrir una nueva página y nos permite personalizarla para que no sea esa espantosa hoja blanca.

Mucho tiempo después, usando el mismo criterio y manipulando algunos códigos de la plantilla, creo que puede hacerse aunque ahora, ya no estoy muy seguro de si es útil o no. De cualquier manera, es un experimento y tal vez alguien pueda sacarle provecho.

Sólo se trata de insertar un IFRAME que contenga el formulario pero, como la página tiene los comentarios a la izquierda y el formulario a la derecha, antes que nada hay que establecer las opciones para que los comentarios se muestren en una ventana (popup) porque en ese modo, ambos sectores están uno sobre el otro. Para esto, vamos a OPCIONES / COMENTARIOS:

¿Mostrar comentarios en una ventana emergente? No

Ahora, en Edición HTML de la plantilla, expandiendo los elementos, buscamos este 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>
Y reemplazamos todo eso por:
<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>
Ahora, buscamos este código:
<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>
Y lo cambiamos 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 == 1'>
1 <data:top.commentLabel/>
<b:else/>
<data:post.numComments/>
<data:top.commentLabelPlural/>
</b:if>
</a>
</b:if>
</b:if>
</span>
Por último, agregamos el estilo justo antes de la etiqueta </head>:
<style>
#comenta-outter {
margin: 50px 0;
}

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

37 comentarios:

Esteban  

Excelente JMiur,muy bueno!
Me gustaria implementarlo :)

Un saludo!

Pepiche.

Responder
JMiur  

Suerte y cualquier cosa me avisas :)

Responder
Eugenio  

Lo que me queda aun por implementar... y ahora voy y veo buenas ideas.

Ays, con lo que me costó hacer mi plantilla vieja y van y la cambian V_V

Gracias \o/

Responder
JMiur  

Esta es una idea interesante pero sugiero usarla con prudencia para ver cómo reacciona en un blog "real", algo que no he podido probar.

Responder
Anónimo  

Soy famoso! Apareció mi mombre :D

Gracias por tomarte el tiempo. A decir verdad, o soy demasiado inconformista, o quisiera algo mejor que un iframe, pero mientras tanto, se podrá decir que hay algo mejor ^^

Yo creo que a la larga van a implementar los comentarios dentro del post, porque les veo la cara de verguenza desde aca :D

Responder
JMiur  

Claro, si hasta tenés una entrada en la Wikipedia :D

Lo que decís es cierto, es un IFRAME con todo lo malo que eso implica, por eso no termina de convencerme pero no hay muchas más alternativas.

Para mi gusto, es la peor parte de Blogger y no entiendo como continúa existiendo cuando no parece algo demasiado complicado de resolver.

Responder
CaTa  

Nico, eres famosisimo, tienes hasta
postales
:D

Responder
Anónimo  

jajaja, es cierto, incluso he mandado algunas postales de esas alguna vez

Mientras no aparezca en la Frikipedia me quedo tranquilo :D

Responder
JMiur  

No, en la Frikipedia no aparecés pero ... mirá lo que aparece cuando buscás en la Inciclopedia: VER.

:X

Responder
Anónimo  

:O

El hombre más buscado el mundo??

Nico, es usted? :O

Responder
JMiur  

No sé que decirte, me he quedado perplejo, yo sabía que Firefox era demoníaco pero esto ... es demasiado fuerte :)

Responder
Bruja  

mmm... es una pena. Aunque es una opción interesante no agrega comodidad (tal vez, lo contrario, se hace más incómodo).

En todo caso, gracias por traer las respuestas.

¿no hay forma de que todos le pidamos a Dios Bloger que haga esto por nosotros? Si todos lo hacemos, tal vez se afanen a sacar esta función.

Ahí se ven. Adiós.

Responder
JMiur  

Tal como dices, no parece una solución práctica y parece que debemos esperar a que Blogger se decida :)

Existe una página de Blogger donde hay un formulario para que los usuarios dejen sugerencias o voten sobre las funciones que les gustaría que se implementaran. Estuve buscando la dirección pero ahora no la encontré; recuerdo haber hecho las mías hace tiempo pero me temo que ni siquiera las han leido :D

Responder
Bruja  

al parecer acá ofrecen una alternativa diferente. No tengo tiempo de probarla, pero luego lo haré y les cuento.

Responder
JMiur  

En esa página lo que se comenta es un truco para las viejas plantillas de Blogger y, si te fijas en la parte del demo, verás que ya no funciona porque el sistema de manejo de comentarios ha cambiado.

Responder
Anónimo  

Que tal, me has dado un gran regalo de año nuevo. Llevaba tiempo buscando algo así, y viendo los comentarios de los demás, realmente no los entiendo pues en mi blog me ha resultado de maravilla (pienso que casi iguala al formulario de wordpress).

En Sector Visual como tengo en la sidebar una buena cantidad de categorías, le he aumentado la altura (height) a 10500px (un buen no?) y no afecto en nada a las proporciones del blog. Y ahora tengo en la misma pagina los comentarios, el formulario y sin el scroll :)

Muchísimas gracias.
Esperare tu respuesta ya que lo hayas visto para ver que tal te pareció

Saludos! :P

Ahhh...y feliz año nuevo

Responder
Anónimo  

Jeje perdón se me olvido suscríbirme a estos comentarios :P

Responder
JMiur  

La verdad es que te ha quedado muy bien porque has aprovechado perfectamente el diseño de tu blog.

Es la primera vez que veo que quede bien así que me alegro que te haya servido :)

Responder
Anónimo  

Si, la verdad ha quedado perfecto. Muchas gracias :)

Responder
Rom  

Corrigeme si me equivoco, pero con este hack no se podría tener tanto el formulario de comentario en la página con los comentarios y el post (igual que wordpress) y el hack de la numeración, ese en que tuve el "desliz" de olvidarme un puntito por ahí....... ¿estoy en lo correcto en que es uno u otro?

Un saludo desde Lima, Perú

Responder
JMiur  

No estoy seguro que sea posible ya que lo que se muestra es un IFRAME con a página blanca de los comentarios y esa página la maneja Blogger por completo sin que podamos hacer mucho.

Responder
Gem@  

Lo que son las cosas, hace poco vi la explicación en un par de blog y me pensé que ya lo había visto antes en otro lugar.
Ahora de casualidad he caído en esta entrada después de bastante tiempo !y es aquí donde lo había visto¡
Quiero decir que esta forma de aplicar los comentarios que está haciendo furor la descubriste hace 4 meses jajajaja si es que vas con adelanto :)

Responder
JMiur  

Jajajaja sí, la he visto aplicada pero, en general, sigue sin convencerme demasiado :)

Responder
Anónimo  

Me pregunto si no se podría quitar el scroll y que la ventana se valla expandiendo a medida que aumentan los comentarios?

Responder
JMiur  

Buena pregunta pero, las IFRAMES son etiquetas bastante particulares sobre las que no es posible actuar. Admiten pocas propiedades y parámetros así que las posibilidades son pocas.

Responder
Anónimo  

Le pude quitar el scroll y queda una ventana fija pero mostrando los primeros comentarios, seria posible que me mostrara la parte inferior de esa ventana? es decir el formulario.

y luego, seria posible poner de nuevo el permanlink o esos comentarios bonitos que salen cuando uno pincha en el titulo de cualquier post?

ya sabrás a que viene todo esto no??

Responder
Anónimo  

Es que como dices que puede ser difícil que la ventana se valla expandiendo (por lo del iframe) creo que no pasa lo mismo con el permanlink el se expande solo y se puede aprovechar eso para poner al final solo el formulario de comentarios con los comentarios escondidos,


PD: yo he tratado de hacerlo (con la ayuda de google :) ) pero mis conocimientos de css son nulos

Responder
JMiur  

El contenido de un IFRAME no puede manipularse con CSS; es una página externa pero, en tu caso, parece que usas Intense Debate así que allí hay otra dificultad.

Responder
Shinnee  

Hola! Muchas gracias por la explicación, he conseguido cambiarlo con éxito :). Ya casi he terminado de condicionar el blog a mi gusto, he tomado más de una idea de las que das aquí jeje.

Solo tengo un problemilla con los comentarios incrustados: me dice una amiga que al abrir la página de la versión completa de los posts, a veces, a los pocos segundos de entrar, se le redirecciona a la página de solo comentarios. Por lo que entiendo yo, de alguna manera en vez de cargarse el iframe en su recuadro, actúa como redirección.

No sé que hacer, o qué decirle que haga. De momento solo le pasa a ella, con firefox, que es el mismo navegador que yo uso, y a mí me va bien. Se te ocurre algo?

Responder
JMiur  

Realmente es extraño. Si te digo que no debería ocurrir no ayudo en nada pero, es la verdad, no debería ocurrir.

Acabo de ver tu blog y tampoco me pasa así que no sé qué decirte.

Responder
Anónimo  

hola, muy bueno los datos que tiras, sabes como puedo sacar el boton o link que aparece debajo detodo de 'pagina principal', gracias capo y mil gracias este es la pag

Responder
Lucas  

http://mensalucas.blogspot.com/2008/11/para-dejar-un-mensaje-primero-elige-tu.html

Responder
JMiur  

Lucas:

Si no quieres mostrar esa parte del blog, busca y elimina esta línea:

<b:include name='nextprev'/>

Responder
Lucas  

esa linea esta en la parte de artilugios y no se porque no me deja guardarla me produce un error
http://www.blogger.com/html?blogID=6299804854231389365
¿que estare haciendo mal?

Responder
JMiur  

Explciame otra vez, Lucas porque no entiendo bien el problema.

Responder
Sem  

Muito bom!!!

Acesse: www.palcodamente.blogspot.com

Responder
Unknown  

Eres un Dios JMiur ,muchas gracias por esto ;)

Responder
 
CERRAR