JMiur [E]

Esta idea de egoloco que, generosamente permite compartir, es una variante muy interesante de un script que abre los comentarios en una ventana modal; en este caso, usando LightWindow.

El script original ya tiene bastante tiempo y luego, sufrió una modificación cuando Blogger incorporó los comentarios incrustados y era así:.
<script type='text/javascript'>
var viejoEnlace = &quot;http://www.blogger.com/comment.g?blogID=XXXXXXX&amp;postID=<data:post.id/>&quot;;
var nuevoEnlace = viejoEnlace + &quot;&amp;isPopup=true#form&quot;
var enlacePopup = &quot;&lt;a id=\&quot;comPopUp\&quot; class=\&quot;lightwindow\&quot; href=\&quot;&quot; + nuevoEnlace + &quot;\&quot; params=\&quot;lightwindow_width=480,lightwindow_height=600,lightwindow_loading_animation=true\&quot;&gt; TEXTO o IMAGEN &lt;/a&gt;&quot;
document.write(enlacePopup);
</script>
Bastante confuso para leer pero, en realidad, simple, sólo se crea un enlace para abrir una ventana modal de cierto tamano y la dirección URL a utilizar es de la vieja página de comentarios de Blogger:
http://www.blogger.com/comment.g?blogID=XXXXXXX&amp;postID=XXXXXXX
Y todo lo que había que hacer era colocar el ID de nuestro blog.

Usando el mismo criterio, en lugar de abrir toda la página, es decir, los comentarios y debajo el formulario, podría usarse una URL distinta para abrir el formulario y nada más, lo cual puede ser una alternativa interesnte para aplicar en la página principal o en las páginas de navegación. La URL sería esta:
http://www.blogger.com/comment-iframe.g?blogID=XXXXXXX&amp;postID=XXXXXXX
Así que podemos usar el mismo script anterior, modificando sólo ese dato y claro, colocando siempre el ID de nuestro sitio:
<script type='text/javascript'>
var viejoEnlace = &quot;http://www.blogger.com/comment-iframe.g?blogID=XXXXXXX&amp;postID=<data:post.id/>&quot;;
var nuevoEnlace = viejoEnlace + &quot;&amp;isPopup=true#form&quot;
var enlacePopup = &quot;&lt;a id=\&quot;comPopUp\&quot; class=\&quot;lightwindow\&quot; href=\&quot;&quot; + nuevoEnlace + &quot;\&quot; params=\&quot;lightwindow_width=480,lightwindow_height=600,lightwindow_loading_animation=true\&quot;&gt; TEXTO o IMAGEN &lt;/a&gt;&quot;
document.write(enlacePopup);
</script>
Este script, podemos colocarlo en cualquier parte dentro el footer de nuestras entradas y además, si queremos condicionarlo para que no se vea en las paginas individuales, haríamos esto:
<b:if cond='data:blog.pageType != &quot;item&quot;'>
  ... y aquí ponemos el script ...
</b:if>
Aqui hay un ejemplo práctico y se lo puede ver en funcionamiento a pleno en el blog de egoloco.

50 comentarios:

ozvaldO  

Bastante estético y funcional, tengo seriamente contemplado utilizarlo en mi blog, aprovechando además que hago uso de las ventanas modales con Lightwindow.

Agradezco la información. Saludos. :)

Responder
Marco Salamanca  

hola

Responder
José GDF  

Pues yo puede que lo intente, pero con Lytebox.

Responder
Graciela  

Queda muy bonito, pero con lo que te he hecho renegar para que quedaran ni ganas tengo de tocarlo :) si algo queda ni lo toques Blogger se da cuenta!

Responder
Marcos-Gabriel  

eu ja havia criado este tipo de 'pop-up' , assim que eu vi que o nosso embed de comentarios era um iframe , a diferençaé que não foi lightwindow que eu ate achei melhor não gosto muito quando tem isso de escurecer a pagina hehe...
é ate legal no inicio mas so o fato de ser iframe ja é um ponto a menos no embed de comentarios do blogger .
ainda prefiro o estilo padrão usado no wordpress,joomla,drupal e afins...

Responder
Creator: Beta Creative Law Blogs Designs  

Hola JMiur; solo quería probar cómo habría de funcionar esta forma de disponer el formulario de comentarios. Gracias! :)

Responder
ordago13  

Me parece muy bueno.
me surge una duda funciona bien siempre?.
Me explico, funciona igual de bien en todos los buscadores versiones 6.0 y 7.0 de blogger incluidas...

Si además tienes cargado el gadget de seguidores ¿da problemas?

Si nada de eso ocurre, me planteo seriamente instalarlo en uno de mis blogs¡¡¡¡

Responder
Graciela  

Jmiur una pregunta descolgada ¿sabes decirme por qué en Twitter aparecen personas a las que no sigo? chas gracias amigo

Responder
egoloco  

Hola JMiur! Gracias por publicarlo. Verdad que queda estético? :D

Iba a publicar mi versión, pero cuando vi que ya lo habías posteado me dije: mejor me callo y que lo haga el que sabe de verdad. jeje

Espero lo aprovechen todos! No es un gran invento, pero es otra opción.

Saludos!

Responder
JMiur  

Graciela: Es fácil de permutar un modelo por otro, sól se cambia la URL así que no hay problemas en intentarlo :D
¿Por qué aparecen personas a las que no sigues en Twitter? Depende, puede ser que hagan referencia a algo que hayas tweeteado o a ti misma, no se si te referís a que ves mensajes de ellos. Si aparecen como "seguidores" eso es normal, muchos son spam que se agregan y de tanto en tanto hay que irlos limpiando. No sé a qué caso concreto te referís.

ordago: ¿En los buscadores? No entiendo.

egoloco: Oiga, no se queje, que antes, le pedí permiso :D Es verdad, queda muy bien, es rápido y es una alternativa fácil de aplicar, incluso, si ya se tiene el otro modelo, el cambio es muy simple. Me gustó :D

Responder
Graciela  

No tesoro son personas que no quiero ni deseo seguir y aparecen ahí. si hace RT -alguien que yo siga- te aparece el avatar por decirlo de alguna manera? lo vengo notando hace unos días y los que sigo son poquitillos :)

Responder
Graciela  

Me monté hoy pero será posible ;)

Responder
JMiur  

Cualquier cosa, si no querés verlos, podés bloquearlos directamente.

Responder
Graciela  

bueno trataré de investigar cómo se hace! he probado con todos los botoncitos y nada :)

Responder
JMiur  

Cualquier cosa, avise.

Responder
gryzor110  

oye de casualidad no sabes como hacer pero con lytebox?

Responder
José GDF  

Yo hice algo parecido hace un tiempo con Lytebox. Hay que poner un rel=lyteframe en el enlace, y se puede establecer el ancho y alto.

Pero lo dicho, gryzor110, hace tiempo que lo hice y no me acuerdo bien, pero para mi nueva plantilla lo volveré a hacer, pero de la manera que dice JMiur en esta entrada y con Lytebox.

Responder
JMiur  

No, pero imagino que basta cambiar el script para colocar lso datos requeridos por Lytebox en lugar de los que usa LightWindow..

Responder
José GDF  

¡Vale! He logrado lo mismo pero con la ventana modal Lytebox. Sólo me faltan unos retoques de CSS y lo tengo. Ha sido fácil. ;-)

Responder
Graciela  

Me pregunto, te pregunto ¿eso no sería spam? como es que aparecen en la página de una persona sin haberle dado el okey, bien he ido y realizado el trámite, pero siguen y siguen grrr es poco, mejor :X

Responder
JMiur  

Lo era, Graciela, por eso lo eliminé. Si hubiera sido un blog personal tal vez lo dejaba pero esos sitios comerciales no.

Sigue siendo una mala costumbre de algunos y la verdad, nunca entendí su efectividad porque provoca rechazo y si quiero venderte algo, lo mejor es hacer lo contrario, creo :D

Responder
Graciela  

Estamos de acuerdo, la mejor manera de acercarse es comentando, tal vez sea la forma de encontrarnos en algún punto, más allá que por ahí la temática no sea de interés, esa es la magia que le he encontrado en estos años.
Jamás se me ha ocurrido hacerlo, entonces una se pregunta ¿por qué te crees con derecho a invadir?
Eso me molesta y mucho, consiguen que uno los deteste tan solo por esa pavada :)

Responder
JMiur  

Exacto, suelen conseguir el efecto contrario :)

Responder
Jared  

Preguntonta: quiero implementar este script en mi blog: http://enterjared.blogspot.com, pero.. con qué reemplazo las XXXX? :S

Responder
JMiur  

El ID de ee blog es:
2079263305548752694

Lo ves en la barra de direcciones del navegador cuando editas una entrada, por ejemplo:
http://www.blogger.com/posts.g?blogID=2079263305548752694

Responder
Jared  

Mil gracias JMiur! otra cortita..
se puede cambiar la posición del link de los comentarios en la entrada? porque yo los tengo en el footer, quisiera que se vean cerca del título de las entradas, así agrego el formulario de comentarios en el footer sin que haya confusiones para los lectores.

Responder
JMiur  

Poder se pude qpero, debe indentificarse cuál es y eso varía con las plantillas.

Responder
Jared  

es una 'mínima' JMiur

Responder
JMiur  

Entonces, deberías buscar algo así:

<span class='post-comment-link'>
.......
</span>

Y poner eso donde queireas; por ejemplo, dentro de
<div class='post-header-line-1'/>

Responder
Jared  

probando, probando :)

Responder
Jared  

Problemo :\ no solo no pude hacerlo sino que ahora donde me dice que tengo (número) comentarios no se ha modificado :S

Responder
JMiur  

No sé en que blog lo has cambiado.

Responder
dljrobledo@gml.com  

buen post

Responder
Nicar  

Hola JMiur.
Por más que lo intento no soy capaz de hacerlo yo "solito". Siempre termino con ctrl+U. ¿Tendrá esto que hago algún mérito?.
Muchas gracias.

Responder
Nicar  

Hola JMiur.
Todos los comentarios que recibo (me los mandé yo para probar) independientemente de la entrada que sea ,van al mismo post . Ya me di cuenta porque ocurre esto. El postID que puse corresponde a los comentarios de esa misma entrada.

Por otra parte,al intentar poner el scrpt como dices en las explicaciones la plantilla me da el error : The reference to entity "isPopup" must end with the ';' delimiter.
Ya decía yo que poner esto sin el script..:S :S :S.
Muchas gracias y perdón por las molestias.

Responder
JMiur  

Coloca &amp;isPopup y eso solucionará el error.

Responder
Nicar  

Hola JMiur.
Perdóname por ser tan testarudo, pero no soy capaz. Igual que ayer Blogger se canso de mi y ya no me deja seguir haciendo pruebas. El blog no para de decir Cargando...
No se si el &isPopup lo tengo que poner en el script después de postID= o simplemente en a class='lightwindow' href='http://www.blogger.com/comment-iframe.g?blogID=4826803921825953976&postID=1538055559496362104' sustituyendo 1538055559496362104 por &isPopup
Digo simplemente por decir algo.
Saludos.

Responder
Nicar  

Hola de nuevo.
Ya puse el script en la plantilla sin que me diera error. Ahora el problema que tengo es que no se puede seleccionar el perfil ni sale el aviso de suscribirse/anular. No sé donde estoy metiendo la pata.
Saludos.

Responder
JMiur  

En tu blog veo dos enlaces. Uno dice Comenta Aquí y el otro dice Aquí.

El primero es el correcto.

Responder
egoloco  

Perdón por mi falta de modestia, pero, adoro esta entrada!!

Hoy apareció otro visitante a mi blog investigando el truquito :D

Responder
Admin  

Amigo me da un Erro
Ago todo bien lo de ID de Blog
Pero cuando intento colocar el Script en el POSt Footer me sale un erro Mira Una IMG de Muesta...
IMG DE MUESTRA DE ERRO

Por que sera que me da ese erro

Esta Es Mi Pantalla de Prueba
UFE-ACTIVO DEMO

Responder
Felipe  

Hola Jorge.
No se si Admin lo haya podido corregir, pero ya encontré el pequeño bug, porque cuando copié tal cual el script que proporcionas, me salía exactamente el mismo error, y es por esto:

Justo abajo donde dices esto:
"Así que podemos usar el mismo script anterior, modificando sólo ese dato y claro, colocando siempre el ID de nuestro sitio:"

El enlace que proporcionas dice así:

http://www.blogger.com/comment-iframe.g?blogID=XXXXXXX&postID=&quot;;

Y solo faltaría reemplazar los ampersand por su equivalente como 'entitie' &-a-m-p-; :)

Gracias, lo he podido implementar bien. Un saludo.

Responder
JMiur  

Si. Ahi está corregido ... creo

si dice: &postID
debería decir: &amp;postID

Responder
Felipe  

Ha quedado bien. :D

Responder
Admin  

OKey Intentare Areglar..

Muchas Gracia por la repuesta


Luego le digo el resultado

Responder
♪♪CЯẶИPЄP€♪♪  

@Admin Me gusta esto de poder responder los comentarios, como lo haces?

Responder
Mina Monti  

Hola JMiur...
Necesito ayuda: quiero abrir el formulario con shadowbox.
Los parámetros son:



Cómo hago para modificar el script??


var viejoEnlace = "http://www.blogger.com/comment-iframe.g?blogID=XXXXXXX&postID=";
var nuevoEnlace = viejoEnlace + "&isPopup=true#form"
var enlacePopup = "<a id=\"comPopUp\" class=\"lightwindow\" href=\"" + nuevoEnlace + "\" params=\"lightwindow_width=480,lightwindow_height=600,lightwindow_loading_animation=true\"> TEXTO o IMAGEN </a>"
document.write(enlacePopup);


Gracias... de antemano!

Responder
JMiur  

Imagino que en lugar de poner class=\"lightwindow\" debe ponerse:
rel=\"shadowbox[Mixed];width=480;height=600\"
y eliminarse todo lo de params.

var enlacePopup = &quot;<a id=\&quot;comPopUp\&quot; rel=\&quot;shadowbox[Mixed];width=480;height=600\&quot; href=\&quot;&quot; + nuevoEnlace + &quot;\&quot;> TEXTO o IMAGEN </a>&quot;

pero no es algo que pueda asegurarte ya que no he visto como funciona ese script.

Responder
Jack Daniel's  

qué es lo que esta mal en este código:

/share-post.g?blogID=29827960&postID=9165098251228998700&target=email' target='_blank' title='Enviar por correo electrónico'>

Responder
JMiur  

No sé con exactitud a que te refieres con que esta mal. Si se trata de ponerala directamente en la plantilla, el error es que deben cambiarse los caracteres & por su equivalente &amp;

http://www.blogger.com//share-post.g?blogID=3222645254728736887&amp;postID=9165098251228998700&amp;target=email

Responder
 
CERRAR