26

Sistema de comentarios sin ventanas popup


Recuerda
que aunque yo pruebe los "trucos"
Antes de hacer ningún cambio
GUARDA SIEMPRE TU PLANTILLA
Nunca es seguro
que todo salga bien...

En Blogger hay dos formas para escoger a la hora de mostrar a nuestras visitas la parte donde pueden comentar. Esto se puede hacer fácilmente en la pestaña de Configuración-comentarios:
En ambos casos, es decir, escojamos Si o No, cuando nuestras visitas pinchen en "comentarios" al pie de las entradas, se abrirá una nueva ventana popup (en el caso de Si) o una nueva página donde comentar (en el caso de No):

* Eligiendo SI:

* Eligiendo NO:


Hoy he visto en Jackbook una forma nada complicada y que además me ha gustado mucho, para conseguir que cuando alguien pinche en nuestros "comentarios" al pie de entrada este link le lleve a la página de etiquetas, o sea, a ver la entrada con sus comentarios expandidos debajo de ella:


Para conseguir esta forma de presentación de los comentarios tendremos que localizar este código en nuestra plantilla, para hacerlo más fácil podemos usar nuestro navegador para localizar el código:

<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>

Ahora solo tendremos que cambiarlo por este otro:

<a class='comment-link' expr:href='data:post.url + "#comments"' >


NOTA
Los que se defiendan bien con el inglés, notarán que mi explicación difiere algo de la de Jackbook, esto es porque si seguimos al pie de la letra sus instrucciones, los que como yo tengan cambios anteriores en sus "comentarios", los perderían, de esta manera puede aplicarse el "truco" sin miedo a estropear nada de lo modificado anteriormente en esa parte.

Si anteriormente habíamos añadido el tooltip para "comentarios" hemos de contar con ello si no queremos perder el tooltip, así que el código a buscar se verá así (en "DEJA AQUI TU COMENTARIO" estará lo que hayamos puesto en el tooltip):

<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick' title='DEJA AQUI TU COMENTARIO'>

Y tendremos que cambiarlo por este:

<a class='comment-link' expr:href='data:post.url + "#comments"' title='DEJA AQUI TU COMENTARIO'>

Entradas Relacionadas:

26 comentarios:


pepo

Como siempre fácil (bueno fácil facíl para mi no, que soy muy torpe) y muy buen resultado, gracias por tu ayuda Rosa.

Saludos.

Anónimo

Ayyy Rosa... No nos entendemos... Sorry por tanta molestia por algo tan facil pero a ver.

1- Subo la fotografia que yo quiero. La publico. Una vez publicada pincho sobre ella y me dirige a la pagina donde está alojada en blogger al tamaño que yo deseo.

2- Copio esa direccion URL.

3- Borro todo el contenido de esa entrada menos las fotos que están subidas.

4- Abro una nueva entrada. En formato html copio el código de src:dircción url que me pusiste y... ¡la imagen no carga!

5- Por cierto, lo de picasa es un programa que hay que bajarse no? Por cierto, tampoco tengo cuenta de google...

6- Gracias Rosa por dialogar con mi estupidez crónica!!

Fernando

El boton que tengo es el de FeedBurner. Yo quiero poner uno de los botones que encontre en BlogandWeb.
como hago eso?

Anónimo

Fernando, el código que tienes de Feedburner y que muestra el botón, es algo así:

<p><a href="http://feeds.feedburner.com/blogspot/OFfr" rel="alternate" type="application/rss+xml"><img alt="" style="border: 0pt none ; vertical-align: middle;" src="http://www.feedburner.com/fb/images/pub/feed-icon32x32.png"></a> Feed<a href="http://feeds.feedburner.com/blogspot/OFfr" rel="alternate" type="application/rss+xml">
</a></p>

Sustituye lo que está en negrita por la url que tienes de ImageShack

Anónimo

Toxic, igual va a ser que no se puede con la entrada en borradores...la verdad que nunca he probado...

¿Como que no tienes cuenta de Google? Es la misma que la de Blogger, tu ve aquí y mete el mismo correo y contraseña que usas para el blog:
Picasa

Víctor Sánchez

Gracias Rosa... muy útil... hace tiempo que buscaba algo así.

Anónimo

Buenas!! Haloscan es un muy buen sistema de comentarios. La página es http://haloscan.com... fijate si podés dedicarle un artículo porque es muy bueno... hasta trae widget propio (aunque poco personalizable).

OPA

Perfecto también. Muchas Gracias.

Anónimo

A ti OPA ;-)

Yo misma

Muchísimas gracias por avisarme del error en mi "cuarto trastero", ya he averiguado qué pasaba.

Como soy una comodona, sólo copié parte del código para buscarlo en la plantilla, con lo que resultó que puse de nuevo el enlace para ir a los comentarios en la página de la entrada donde estaba el de abrir el formulario de comentarios; por eso no dejaba comentar, porque te volvía a recargar el mismo sitio en el que estabas.

Mil gracias de nuevo, eres un sol!!!

Anónimo

Yo misma, como puedes llamarlo "cuato trastero" ahora mismo te voy a enlazar en mis blog de ayuda y en el directorio, así que a trabajar más en él ¿OK?

Yo misma

Pero si yo no tengo ni idea de HTML!!!
Lo único que hago es guardar para que no se me pierdan los trucos que os voy copiando a unos y a otros!!! Por si a alguien le sirven de algo...

Anónimo

Yo misma, tu tranquila, eso lo hacemos más o menos tod@s.
Lo único que has de hacer es siempre que recomiendes o expliques algo, haberlo probado antes, así si alguien pregunta explicas tu experiencia en el tema. Que te preguntan algo tipo de códigos html, css o así y no sabes...los mandas a otro blog donde creas que van a ayudarlos y listo! Eso si, les explicas que simplemente vas recopilando y probando y ya esta.
Venga mujer, ánimo, cuanta más ayuda mejor, además si te centras en cosas menores, widgets y cositas así, no vas a tener demasiados problemas...

Anónimo

hola rosa, me estoy de vuelta por tu maravilloso blog....
y con el tiempo fui adelantando conocimientos (un poquito sobre html), y acerca de los comentarios...
anteriormente te habia publicado un mensaje acerca de disqus que era un sistema de comentarios, bueno me fue muy, muy, muy mal, no resulto ser lo que esperaba, es decir cumplia su funcion pero no era customizable como yo quería... en fin me voy al grano...
en mi desesperada lucha por dejarle al visitante de mi blog todo a mano para publicar un mensaje se me ocurrio ir a la ficha plantillas/ elementos de la pagina y allí hice clic en añadir un elemento de página
luego elegí HTML/Javascript, esperé hasta que cargó la ventana y allí se me ocurrió pegar el codigo fuente de la ventana popup de comentarios...y..... gualaaaa... salió cuaquier cosa pero perose veía la ventanita para poner los comentarios, si queres elegir un perfil de blogger o anonimo y todas esas cositas...la verdad que haciendo un experimento cualquiera el resultado fue masss o menoos bueno, te lo comento por que a lo mejor vos con tus avanzados conocimientos podes customizarlo para dejarlo como lo tienen los fans de wordpress... saludos

Anónimo

unos minutos (quizas una hora) despues, tratando de no darme por vencido, me doy cuenta de que el header o cabezera de mi blog con la imagen aparece siempre pero en el codigo fuene que copie (no se como hice pero me tome la dulce molestia de leer paso a paso el codigo fuente del popup para dejar comentarios y no encontre nada que me diga el parametro header, o sea no se de donde sale la imagen de cabecera que tengo arriba en mi blog =S, tambien probé copiando el codigo fuente pero esta vez no del popup sino de la ventana completa para dejar un mensaje (esa que se abre en la misma ventana del blog), y sigue igual con el mismo header.
Conclusión1:
voy a dejar de bombardearte al menos por un tiempo, con mis dudas, y voy a esperar tu opinión...
Conclusión2:
lo bueno de blogger es que es altamente configurable



si sabes HTML...

saludos nuevamente

Anónimo

yoanguila, conozco la forma de hacer más o menos eso que dices, o sea, mostrar la ventana de los comentarios de Blogger debajo de cada post, aunque a mi no me convence demasiado estéticamente, pero si quieres te lo paso...

Unknown

Este simple truco me encanta!!! ya que al pinchar se ve el post y los comentarios y no solo los últimos :) Gracias!!!!!!! ;)
un beso!

Anónimo

Pau, yo también lo tengo aplicado ¡me encanta!

paqui

Rosa, no encuentro esa parte de la plantilla en mi blog

Anónimo

Paqui, ¿has expandido los artilugios para buscarlo? porque tu plantilla es una Mínima como la mia, y el código está.

paqui

Rosa, si la he expandido pero no lo localizo

Pablo

Hola Rosa, he aplicado el truco y me gusta como queda, pero ni idea como mostrar tambien el formulario para dejar comentarios.

Maravilloso Blog, ha servido bastante.

Anónimo

Nº25, en esta entrada tienes las instrucciones para incluir el formulario:
http://elescaparatederosa.blogspot.com/2008/06/formulario-de-comentarios-blogger.html

Anónimo

Bacano

elwuey

HOLA ROSA QUE TAL ANTES QUE NADA TE FELICITO POR TAM AMPLIA LABOR LA QUE REALIZAS AL AYUDARNOS, MI CONSULTA ES LA SIGUIENTE :¿COMO HAGO PARA HACER UN SISTEMA DE COMENTARIOS COMO ESTE , QUE TU COMENTAS Y APARECE AL INSTANTE EN LA PAGINA , CUALES SON LOS PASOS Y QUE DEBO HACER ? NECESITO SABERLO POR QUE TENGO UN BLOG EN MIARROBA Y NECESITO PNERLE ESTE TIPO DE SISTEMA DE COMENTARIO, ESPERO ME PUEDAS AYUDAR Y GRACIAS DE TODOS MODOS, MI BLOG ES: www.elwueyjimenez.webcindario.com

Anónimo

elwuey Mi blog es para ayuda en Blogger, no tengo ni idea de como funcionan los blogs en Miarroba.

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