Insertar imágenes y vídeos en los comentarios de Blogger

14 de julio de 2014 149 comentarios ,
¿Te ha pasado que quieres decir algo pero las palabras no son suficientes? A veces eso pasa cuando queremos comentar algo en algún blog, quizá un meme pueda resumir nuestra opinión, o un video pueda complementar nuestro comentario. Por desgracia el formulario de comentarios de Blogger no incluye la opción de subir fotos o incrustar vídeos, pero que Blogger no lo habilite no significa que no se pueda.

Lo que veremos en esta entrada es justamente eso, cómo insertar imágenes y vídeos en los comentarios del blog de una manera tan sencilla que sólo requiere de un paso.
El método que usaremos es similar a lo que hacemos cuando agregamos emoticons en los comentarios, de manera que lo que escribimos en el comentario se reemplaza por otro código, en este caso por el HTML necesario para mostrar las imágenes y los vídeos.


Puedes verlo funcionando en en este blog de pruebas.
Para insertar una imagen usa este código:
[img]URL de la imagen[/img]

Para insertar un video de YouTube o Vimeo usa este código:
[video]URL del video[/video]

Asombroso, ¿no? Y tal como lo prometí, la instalación es de un solo paso. Únicamente entra en Plantilla | Edición de HTML y antes de </body> pega lo siguiente:
<script>
//<![CDATA[
// Insertar imágenes y videos en los comentarios (ciudadblogger.com)
function InsertarImagenVideo(id) {
var IDelemento = document.getElementById(id),
sustituir = IDelemento.innerHTML;
sustituir = sustituir.replace(/\[img\](.[^\]]*)\[\/img\]/ig, "<img class='img-comentarios' src='$1'\/>");
sustituir = sustituir.replace(/\[video\]https:\/\/www\.youtube\.com\/embed\/(.*?)\[\/video\]/ig, "<iframe class='vid-comentarios' src='https://www.youtube.com/embed/$1'><\/iframe>");
sustituir = sustituir.replace(/\[video\](https:\/\/youtu\.be\/|https:\/\/www\.youtube\.com\/watch\?v\=)(.*?)\[\/video\]/ig, "<iframe class='vid-comentarios' src='https://www.youtube.com/embed/$2'><\/iframe>");
sustituir = sustituir.replace(/\[video\](http:\/\/youtu\.be\/|http:\/\/www\.youtube\.com\/watch\?v\=)(.*?)\[\/video\]/ig, "<iframe class='vid-comentarios' src='https://www.youtube.com/embed/$2'><\/iframe>");
sustituir = sustituir.replace(/\[video\](http:\/\/player\.vimeo\.com\/video\/)(.*?)\[\/video\]/ig, "<iframe class='vid-comentarios' src='http://player.vimeo.com/video/$2'><\/iframe>");
document.getElementById(id).innerHTML = sustituir;} InsertarImagenVideo('comment-holder');
//]]>
</script>
<style>
<!--
#comment-holder .img-comentarios, #comment-holder i[rel="image"] {
max-width: 450px; /* Ancho máximo de las imágenes */
width: auto;
height: auto;
display: block;
border: 5px solid #FFF; /* Borde de las imágenes */
margin: 0 auto;
padding: 0;
box-shadow: 1px 1px 5px rgba(0, 0, 0, .1); /* Sombra de las imágenes */
}
#comment-holder .vid-comentarios {
width: 450px; /* Ancho del video */
height: 253px; /* Alto dle video */
display: block;
margin: 0 auto;
padding: 0;
border: 5px solid #FFF; /* Borde del video */
box-shadow: 1px 1px 5px rgba(0, 0, 0, .1); /* Sombra del video */
}
-->
</style>
Debajo del script verás que también hemos colocado unos estilos, estos estilos son para darle un poco de personalización a las imágenes y a los vídeos que se mostrarán en los comentarios, como el borde, la sombra, y el tamaño. En color verde se especifica a qué corresponde cada una de esas áreas. Por supuesto puedes añadir más estilos si lo deseas.

Para que tus lectores sepan que pueden agregar imágenes y vídeos puedes poner un aviso de ello, esto puedes hacerlo desde Configuración | Entradas y comentarios | Mensaje del formulario de comentarios.




Cómo insertar imágenes y videos
En el caso de las imágenes, tú y los comentaristas deberán usar este código:
[img]URL de la imagen[/img]
Y en el caso de los vídeos, tanto de YouTube o Vimeo se usará este código:
[video]URL del video[/video]
En ambos casos deberás poner la URL de la imagen (o el video) donde corresponde.


Cómo obtener la URL de los videos
En YouTube puedes copiar la URL que aparece en la barra de direcciones del navegador cuando te encuentres viendo un video.
También puedes usar la URL que aparece en "Comparte este video".
O también puedes copiar la URL que aparece en el código de inserción dentro de "Insertar vínculo".
Todas estas URLs son válidas para usarse en los comentarios:
https://www.youtube.com/watch?v=GfxAEl15pDs
http://youtu.be/GfxAEl15pDs
https://www.youtube.com/embed/GfxAEl15pDs

Es decir, las que tienen el término watch, las que tienen el acortador youtu.be, y las que incluyen el término embed. Cualquiera de ellas funcionará.


Consideraciones finales.
  • Este método es únicamente para plantillas que tengan comentarios anidados, o sea, con opción de "Responder". Si tu blog no tiene la opción de "Responder" no funcionará.
  • Es necesario que los comentarios se muestren debajo de la entrada, y no en ventana emergente, página completa, etc.
  • Se admiten todos los formatos de imágenes convencionales (JPG, PNG, GIF).
  • En el caso de los vídeos se aceptan vídeos de YouTube y Vimeo.
  • Ten en cuenta que la inclusión de imágenes y vídeos en los comentarios pueden reducir la velocidad de carga del blog.
Este tipo de trucos puede resultar muy atractivo y útil en muchos blogs, pero siempre con moderación para no abusar con el número de imágenes y vídeos que podrían ralentizar la carga. Si se le da un buen uso, este tipo de opciones podría mejorar la experiencia del lector al momento de interactuar con el autor y con los demás comentaristas del blog.


149 comentarios en:

" Insertar imágenes y vídeos en los comentarios de Blogger "

  1. ME ENCANTA :3
    [img]http://3.bp.blogspot.com/-Fph2KqN9GGU/U8P7YLEonjI/AAAAAAAAEtw/C9AAlp5VgPE/s1600/10525862_502075079926136_7409517517911939983_n.jpg[/img]

    ResponderEliminar
    Respuestas
    1. Jojojo, aquí no saldrá la imagen porque no he colocado el script, sólo en el blog de pruebas ;)

      Eliminar
    2. Qué pena, era un imagen muy graciosa xD!

      Eliminar
  2. esta es la entrada DEL AÑO potro, me muero de ganas por ponerlo solo tengo una pregunta, las fotos tienen que ser de picasa o de cualquier lado?? felicidades por tan magnifico post!

    ResponderEliminar
    Respuestas
    1. Gracias Ellen. No es necesario que estén en Picasa (aunque siempre es mejor que se alojen ahí), cualquier sitio donde tengas tus imágenes servirá, siempre y cuando la URL de tu imagen termine en .jpg, .png, o .gif

      Eliminar
  3. Hola Potro.
    Pues la solución me va de lujo, es algo que he necesitado alguna vez y que de buen seguro sacaré provecho... a ver si encuentro un hueco y ganas de trastear con el código...
    Muchas gracias, como han dicho antes, el artículo del año ;)
    Un saludo.

    ResponderEliminar
    Respuestas
    1. Estoy seguro que le sacarás provecho, creatividad es lo que te sobra ;)

      Eliminar
    2. Gracias Potro, muy a mi pesar no tengo tiempo ni de buscar la creatividad esa que dices... esperaremos tiempos mejores...
      Respecto a la entrada magistral, me ha surgido la duda de si se podría insertar un botón en cada comentario para alojar imagen sin tener que usar código cada vez, así se lo ponemos más fácil al lector (y a uno mismo ;)
      En mi caso sería de gran utilidad ya que muchos lectores podrían pasarme fotos, que me resultan imprescindibles, para poder aconsejar sobre sus tapizados.
      Muchas gracias de antemano, esperaré esa posible solución ;)
      Un saludo, Tapestry.

      Eliminar
    3. Me temo que no, el formulario como tal no es modificable ya que se trata de un iframe controlado completamente por Blogger :(

      Eliminar
    4. Bueno, mala suerte... hubiera sido una opción interesante...
      Gracias por todo Potlobloggler ;)
      Un saludo.

      Eliminar
  4. Buenísimo post Potro. Me imagino que si hay 5 comentarios con videos se pondrá lento el blogg.

    ResponderEliminar
    Respuestas
    1. Es probable. Habría que probar a ver qué tantos vídeos ponen los comentaristas, supongo que la mayoría insertará más imágenes que vídeos. Con las imágenes tal vez no haya tanto problema, y en caso de que tengas muchos comentaristas y todos usen esta característica podrías usar Lazy Load para que las imágenes sólo se carguen cuando se baje el scroll de la página, así es casi seguro que no habrá problema con la velocidad.

      Eliminar
  5. Potroooooo, ¡¡como me gusta ésta entrada!! llevo tiempo buscando algo así y, tengo una duda ¡¡que raro en mi!! jajajaja
    Verás, yo tengo los comentarios anidados pero, no tengo los de blogger, tengo puestos unos que encontré mediante una entrada del blog de JMiur así que mi pregunta es si ésto funcionará igualmente, aunque no se para que te pregunto, también puedo probar yo y ver por mi misma si funciona o no pero, es una buena excusa para mandarte un saludo jejeje
    Un abrazo y gracias por éste estupendo post, me gusta mucho

    ResponderEliminar
    Respuestas
    1. Me encanta tu excusa :D
      No conozco el método de JMiur, o mejor dicho, nunca lo he probado, pero seguro ya habrás intentado tú misma y ya debes saber si funciona o no. Yo por mi parte trataré de darme un tiempo para ver cómo incorporarlo a plantillas que no tengan comentarios anidados, aunque cada vez son menos.
      ¡Otro abrazo para ti!

      Eliminar
    2. Hola de nuevo, ya lo he probado y no funciona con mis comentarios anidados, sin embargo, en un blog de pruebas donde tengo los comentarios anidados de blogger, si que funciona, ainssss, ¡¡que pena!!, me quedo sin poner imágenes, yo solo quería poner el truco para poner yo alguna imagen, no mis lectores, así no se ralentizaría mucho el blog pero, no puede ser
      Si he vivido sin ello hasta ahora, puedo seguir viviendo jajajaja
      Abrazotes

      Eliminar
    3. Qué lástima, a ver si después podemos hacerlos funcionar en los comentarios no-anidados.
      Abrazos.

      Eliminar
  6. Interesante; no lo sabía. Seguro que lo utilizo ^-^

    ResponderEliminar
  7. Es un truco interesante al estilo de los foros, directo a mi librería de trucos local, para usarlo algún día. :) :D
    PD: deberías de implementar los emoticones para tus comentarios de blog. sera chevere

    ResponderEliminar
    Respuestas
    1. Gracias David, lo tendré en consideración. ¡Saludos!

      Eliminar
    2. Gracias el Potro me sta haciendo de gran ayuda.Pués soy novatilla en stos temas y m ayuda leer y dar los pasos cómo indicas.Gracias por aportarnos tu ingenio.*** :)

      Eliminar
    3. Gracias el Potro me sta haciendo de gran ayuda.Pués soy novatilla en stos temas y m ayuda leer y dar los pasos cómo indicas.Gracias por aportarnos tu ingenio.*** :)

      Eliminar
    4. Gracias el Potro me sta haciendo de gran ayuda.Pués soy novatilla en stos temas y m ayuda leer y dar los pasos cómo indicas.Gracias por aportarnos tu ingenio.*** :)

      Eliminar
  8. Lujo el truco, muchas gracias por dar nuevas opciones para los comentarios, saludos mi buen amigo.

    ResponderEliminar
  9. Potro, muy buen truco. No se si ya te lo preguntaron, quisiera hacer lo mismo pero dejando un comentario en el blog de otra persona. A veces llego a un blog y quiero explicar algo dejando un video o una imagen. No se si existe un truco para poder hacerlo. ¡Te mando un saludo!

    ResponderEliminar
    Respuestas
    1. Hola Anabel, sólo se podrá hacer en los blogs que tengan el código Javascript que se menciona en la entrada, si el blog no lo tiene entonces no se podrá insertar imágenes/videos ya que Blogger por defecto no tiene esa opción. ¡Saludos!

      Eliminar
    2. Potro, gracias por responderme. Sería interesante poder hacerlo, ya habrá algún modo. Muchas gracias por todo. Abrazo.

      Eliminar
  10. Tú, siempre tienes un AS bajo la manga!XD Gran aporte!! un saludo!!

    ResponderEliminar
  11. Esta buenisimo potro, dejare solo la opcion de Iimagenes :D, Mira una pregunta, en tu generador De Metas ? Tengo que Elegir Blogger O Website? , Yo tengo dominio? pero siempre sigue siendo blogger no ? ,

    ResponderEliminar
    Respuestas
    1. Exacto Neto, sigue siendo Blogger ;)

      Eliminar
    2. mira, no se xq MI Pagina la busco en google, y nada :/ solo aparece la Home, y ninguna otra entrada , nose porque :/ puse las metas de tu generador ya envie un sitemap, y para colmo hasta mis blogs de prueba y otros que tengo si aparecen :/ xq sera? puedes ver si tengo algo que impida eso?

      Eliminar
    3. Está indexado, al menos en Google. Puedes comprobarlo poniendo en la barra de direcciones esto:
      site:www.nombredetublog.org

      Eliminar
    4. aaa Bueno, entonces alli ya es cosa del posicionamiento no potro? hehe

      Eliminar
    5. Hola, tengo un problema, en mi pagina, tengo 2 Buscadores / El de Google / y el que viene con el menu, pero cuando se busca con el del menu, da los resultados , pero siempre aparece el de google, como tendria que quedar el code? para que solo el de la Pagina Se Muestre? gracias :D

      Eliminar
    6. Hola Neto. No sé porqué suceda, se supone que son independientes y de códigos distintos o.O?

      Eliminar
    7. Si :( ____ No Sabes, E visto en Unas paginas Que Buscas Con Su Buscador, Normal, y si no sale el resultado, Ponen El De Google Abajo, No Sabes Como Se hara Eso ?

      Eliminar
  12. Potro, tengo un problema muy gordo con mi página, visitada por miles de personas diariamente. Quiero implementar la plantilla personalizado para bloger móviles pero al acceder a las noticias no se ve nada! no sé dónde está el fallo en el código, me estoy volviendo loco y me tiene muy triste....es todo un reto encontrar qué le pasa, por favor necesito tu ayuda, ;( www.dudasbecasmec.com

    ResponderEliminar
    Respuestas
    1. Ignoro a qué se deba, yo he entrado pero veo la plantilla predeterminada, en ella se ve todo bien.

      Eliminar
  13. Este comentario ha sido eliminado por un administrador del blog.

    ResponderEliminar
    Respuestas
    1. Busca en Oloblogger, ahí hay una entrada sobre la numeración en los comentarios.
      Sobre lo otro no veo ningún problema, si tienes otros dominios y quieres que todos dirijan a tu blog no hay obstáculo para que lo hagas.
      Saludos.

      Eliminar
  14. Hola Oloblogger, ya lo instalé y funciona perfectamente.
    Mi duda es como puedo hacer para que el mesaje del formulario de comentarios quede por encima de la caj de comentarios y no por debajo, que es como viene por defecto.

    ResponderEliminar
    Respuestas
    1. Hola Chitauri, no soy Oloblogger pero te mando a una entrada de él para que veas cómo mantener siempre visible el mensaje del formulario de comentarios:
      http://www.oloblogger.com/2013/01/mensaje-del-formulario-para-comentarios.html

      Eliminar
    2. Gracias Potro, perdona por confundirte con Olobloguer, hice lo que él señala en el post que me recomiendas y conseguí lo que deseaba, es decir tener el formulario de comentarios encima de la caja de comentarios.
      Salu2

      Eliminar
  15. Hola potro hace ya un tiempo que visito tu web y te cuento que me ha resultado una gran herramienta tanto que me he animado a hacer algunos blog , pero últimamente he estado actualizando y renovando uno de ellos con una plantilla mas bonita por asi decirlo pero tengo un problema , se trata de que esa plantilla la coloque primero en un blog de prueba y vaya me quedo bastante bien , el problema surgió cuando la coloque en el blog que quería .

    el blog de prueba es este :

    http://pipevideos.blogspot.com

    y como veras se mira bien mientras que en el otro no (el recuadro no aparece y el menu tampoco)

    elrincondedragonmuse.blogspot.com


    entonces me gustaría que cuando tengas un tiempo revisaras cual es la falla y como podría solucionarlo.

    saludos y muchas gracias por todo.

    ResponderEliminar
    Respuestas
    1. Hola luís, entré a ambos blogs y los veo con los mismos elementos, si puedes confírmame si lo has resuelto. Saludos.

      Eliminar
    2. Hola potro en efecto ya se reparo el problema sin que aya hecho nada solo espere 24 horas y cuando entre ya estaba todo en orden no se por que sucedió eso pero lo importante es que ya esta bien , y pues te agradezco me ayas respondido muchas gracias .

      Eliminar
    3. Me alegro que esté todo bien luis, gracias por avisar :)

      Eliminar
  16. hola potro , nuevamente solo te escribo para decirte qu al parecer el problema que tenia con mi blog se ha solucionado sin que aya hecho algo , pero de todas maneras seria bueno y me ayudaras a revisarlo , claro si puedes . bueno seria todo muchas gracias.

    ResponderEliminar
  17. potro 100mil gracias sos el mejor

    ResponderEliminar
  18. Hola Potro !!!

    Vuelvo de nuevo con mis preguntas :), esto no se acaba :( y yo que creía que lo tenia todo hecho...
    Mira, me había dado cuenta de que mi blog no se ve bien con Internet Explorer, desde una tablet o un móvil si, pero desde el ordenador no. He estado buscando alguna solución y he encontrado un tipo de etiquetas, que habría que copiar después de head, para que dicho problema se pudiera solucionar, pero sigue persistiendo.
    Te pido ayuda y te pregunto, ¿como puedo solucionar esto, o como puedo hacer que mi blog se vea más o menos igual o por lo menos decente, desde todos los navegadores? Entra en mi blog si puedes, y tienes tiempo, con Explorer y veras de que te estoy hablando.
    Las etiquetas son las siguientes:
    meta content='IE=EmulateIE8' http-equiv='X-UA-Compatible'/
    meta content='IE=edge,chrome=1' http-equiv='X-UA-Compatible'/
    Están agregadas las dos en la plantilla de mi blog.

    Gracias de corazón y espero tu respuesta.
    ... He de comentarte que mi portada es una pagina estática.
    Saludos !!!

    ResponderEliminar
    Respuestas
    1. ¡Hola!
      Si puedes reduce un poco el tamaño de las imágenes de la portada para que quepan y se mantengan todas en una línea horizontal ya que IE suele tomar los márgenes y espacios de una manera distinta a los demás navegadores y por esa razón podría estar dejando fuera las otras imágenes.

      Eliminar
    2. Hola !!!
      Vuelvo de nuevo con la misma pregunta Potro. Mira he retocado el tamaño de las imágenes y he conseguido que el blog se vea bien casi en todos los navegadores menos en IE.En IE la parte de los gadget no se ve para nada, vamos que los gadgets no se ven. Si entro desde el ordenador con el navegador IE en mi blog me pone error de pagina. ¿A que se debe esto, y como lo puedo solucionar?
      Gracias !!!

      Eliminar
    3. Hola, he intentado ver tu blog nuevamente desde un equipo con Windows pero me ha sido imposible. No sé si el error que mencionas sea a causa de un cambio que hiciste pues la última vez que revisé tu blog (desde IE 11) no presentó ningún problema salvo las imágenes de la portada de las que hablamos anteriormente. Si desde entonces haz hecho algún cambio deshazlo y mira si eso lo resuelve, también asegúrate de tener instalada la última versión de IE.

      Eliminar
    4. Imposible arreglarlo Potro, bueno no importa :(
      Otra pregunta que te voy a hacer :)
      No se como he creado en algún momento dos cuentas o mejor dicho dos url de feed burner, así que tengo unos suscriptores en la anterior url y otros en la nueva. Como puedo traspasar los suscriptores de un feed a otro, ya que están creados con la misma cuenta de google y para el mismo blog.
      Gracias !!!

      Eliminar
    5. Hasta donde yo sé no se pueden importar, me parece que tendrás que quedarte con ambas :/

      Eliminar
  19. ¡Mil gracias! Me ha sido muy útil :)

    ResponderEliminar
  20. Me gusta, aunque yo no lo agregaría a mi blog, le daría más un aspecto de "Foro" que de blog.

    ResponderEliminar
  21. si quiero meter una url para que pinchen salte a su pagina que devo saber potro?

    ResponderEliminar
    Respuestas
    1. Usa un enlace HTML como lo harías normalmente, esos sí son aceptados por defecto.

      Eliminar
  22. Hola tengo un problema con mi Blog y queria saber si tienes algun enlace en CiudadBlogger que me lo resuelva.
    El problema esque cuando publico una entrada por ejemplo "Como eliminar un troyano", en los motores de busqueda me sale el titulo de mi blog + como eliminar un troyano... El problema de esto es que pierdo espacio en el titulo y se hace menos llamativo. Haber si me puedes dar una mano y lo siento por comentar aqui pero no encontraba otro lugar mejor

    ResponderEliminar
    Respuestas
    1. Hola, esta entrada resolverá tu inquietud:
      http://ciudadblogger.com/2009/05/optimizar-los-titulos.html

      Eliminar
  23. Hola potro tengo una pregunta ¿Se puede agregar unas flechas abajo del gadget de compartir en redes sociales? Algo así.
    https://lh3.googleusercontent.com/O12n6QbbyCbFN79clzTs89LfPsgmBT4DzfiEstXtGB0=w593-h207-p-no

    Solo quiero agregar la flecha debajo. Me imagino que quitando el texto, combinando ese mismo texto con la flecha en una imagen .gif para que los botones de redes sociales no se alteren, creo. Algo loco de parte mía ¿No crees? En fin espero tu respuesta. Te dejo una imagen de como esta en html

    https://lh5.googleusercontent.com/-A3L-CDvl8o0/U9GUxmMK9fI/AAAAAAAABrk/aFaX1qfY0lE/w958-h398-no/compartir+html.png

    ResponderEliminar
    Respuestas
    1. Supongo que es como dices, puedes poner la imagen GIF arriba de todos los botones, o abajo de todos ellos.

      Eliminar
    2. Si algo así es lo que estaba pensando, pero que líneas debo cambiar para que funcione bien. Aún no lo he puesto en ningún lado. Solo preguntaba si es posible. Saludos y gracias por responder

      Eliminar
    3. Mas que cambiar sería añadir, por ejemplo, si lo quisieras arriba localiza el texto de compartir y pega el código de la imagen debajo de él:
      <img sc='URL de la imagen' />

      En caso contrario, si lo quieres abajo de los botones localiza el código del último botón y debajo de él pega el código de la imagen.

      Eliminar
  24. Gracias por toda la información que ofrecen resuelven ustedes, muchas de mis dudas ahora que estoy empezando.

    http://1cuartoymitad.blogspot.com.es

    ResponderEliminar
  25. Hola potro, necesito ayuda.
    Lo publico aquí porque no hay una entrada para esto.
    Estoy creando una plantilla y ya la tengo, lo que es lo básico, las entradas, imagenes, cabecera sidebar pie de página y todo, pero tengo un problema, cada vez que entro a la edición HTML y edito algo, lo que sea se me borran todos los gadgets que no estén bloqueados, y no debería ser así, sabes porque podrá ser, y si me puedes ayudar.
    Gracias!

    ResponderEliminar
    Respuestas
    1. Hola Camilo, ¿sólo te sucede en ese blog? ¿has probado con otro navegador?

      Eliminar
    2. Gracias por responder :D ésto ya lo solucioné, pero tengo un problema parecido, sólo con entrar a la edición HTML de otro blog, el gadget de Seguidores de Google, como que se cambia el ancho, de 300 cómo a 100, y se ve mal, para arreglarlo tengo que eliminarlo y volverlo a poner, y la verdad es cansado hacer eso todos los días.
      Gracias de nuevo y espero no molestar.

      Eliminar
    3. ¿No será la caché de tu navegador? prueba hacerle una limpieza profunda (eliminar caché, cookies e historial). También asegúrate que en las opciones del gadget el tamaño no esté en "Automático" sino en "Especificar manualmente".

      Eliminar
    4. Ya está, gracias por toda tu ayuda, aquí está la plantilla por si te interesa :)

      http://pruebas-kanikase.blogspot.com

      Por cierto, es 100% responsive, si la miras, utiliza ?m=1 para que se vea bien.

      De nuevo muchas gracias :3

      Eliminar
  26. Yo ya tengo un script para insertar videos, y como no quiero poner mas codigo, ¿cómo tendria que poner solo el codigo para insertar imagenes?

    gracias.

    ResponderEliminar
    Respuestas
    1. Elimina el que tienes y pon este, de esa manera no duplicarás códigos.

      Eliminar
    2. Es que no quiero eliminar el que tengo, me gusta :p

      Eliminar
    3. Tendrás que consultar entonces con el autor de ese script (que es mucho más largo por cierto), yo no lo conozco así que no sabría decirte cómo combinar ambos.

      Eliminar
  27. Hola Portro querido!
    Fijate que hace un par de meses agregue algo similar a mi blog
    justamente para estas funciones:

    [img]URL de la imagen[/img]
    [color="red"]Aquí tu texto[/color]
    [ma]Aquí tu texto[/ma]

    Pero no me acuerdo donde lo agregue ni me acuerdo del blog donde lo consegui!

    Entonces, quiero agregar tu codigo, pero tiene para poner imagen y ese ya lo tengo, comprendes?
    No quiero poder este porque posible me haga error porque ya tengo uno para imagen..

    Mi pregunta es:
    Podrias decirme como lo hago para agregar solo video sin la imagen???

    Y si puedes, podrias en lugar de la imagen, decirme como agregar un enlace o url activa en los comentarios, pero que el enlace abra en otra ventanilla.

    Me gustaria asi, si te es posible, sino cada uno por separado en dos codigos, digo!
    Y como puedas, no se jejeje
    mil gracias! :)

    ResponderEliminar
    Respuestas
    1. Hola, elimina esta línea del código y deshabilitarás la opción de insertar imágenes:
      sustituir = sustituir.replace(/\[img\](.[^\]]*)\[\/img\]/ig, "<img class='img-comentarios' src='$1'\/>");

      Lo otro no sé si sea posible, no lo he intentado antes.

      Eliminar
  28. Buenos días, lo primero felicitarte por las muchas ayudas que me ha proporcionado tu página a lo largo de unos años, y que he aplicado concienzudamente en mi página.

    Ahora ha surgido un problema en mi blog que no llego a entender. Hasta ahora insertaba las imágenes en los comentarios, sin problema, únicamente cuando había más de 200 comentarios había problemas que solucioné paginando el blog. Pero desde el 1 de agosto ya no es posible insertar imágenes ni videos, el código no se convierte en imagen ¿?, es más las imágenes de meses anteriores también han desaparecido y solo se ve el código html.

    Te agradecería que me indicases alguna solución o al menos la razón del problema. Muchas gracias de antemano.
    La página es http://campsaredsprint2.blogspot.com.es/2014/08/agosto-2014-comentarios.html
    o el inicio:
    http://campsaredsprint2.blogspot.com.es/

    ResponderEliminar
    Respuestas
    1. Hola ANKSUNAMUN, he entrado a tu blog pero no veo el código para insertar imágenes y vídeos, no sé si has decidido quitarlo. Tampoco he visto algún comentario en esa entrada que tenga el código que muestra la imagen.

      Eliminar
  29. Perdona Potro te he preguntado mandándote a buscar una aguja en un pajar.
    En su día introduje un código -ya no recuerdo- en la plantilla para poder insertar las imágenes. Todo fue bien, funcionaba a la perfección, en esta entrada ( http://campsaredsprint2.blogspot.com.es/2014/06/junio-2014-comentarios.html?commentPage=1) puedes ves un comentario mío (ANKSUNAMUN01 junio, 2014 22:09) que se veía sin `problemas.

    De pronto hace unos días todas las imágenes insertadas en los comentarios han desaparecido y en su lugar han aparecido los códigos. Antes eso me ocurría a partir de los 200 comentarios, pero lo solucioné con la paginación como puedes ver en el enlace.

    ¿Puede ser algún cambio de Blogger? Hace unos días me aparecían los "botones para compartir" (ya desapareció) y en el momento de escribirte me he dado cuenta de que aparecen las "etiquetas" cuando yo no tengo ninguna de esas opciones seleccionada (lo he comprobado por si acaso). Estoy sin entender nada, las imágenes hacían más ameno el blog para poder competir con Facebook. Perdona el ladrillo, eres mi último cartucho. Gracias, especialmente por la rapidez en contestar.

    ResponderEliminar
  30. Una cosa más, disculpa, el blog es abierto, no hace falta darse de alta así que puedes hacer alguna prueba si te place. Gracias de nuevo y felicidades por tu trabajo para todos los que somos patosos.

    ResponderEliminar
    Respuestas
    1. Hola de nuevo ANKSUNAMUN. En tu blog, ¿sólo tú eres administrador o alguien más? porque sí hay otro administrador es posible que sea él/ella quién haya hecho esos cambios.
      Nuevamente he inspeccionado el código fuente de tu plantilla y sigo sin encontrar un script como el de esta entrada que permita insertar imágenes en los comentarios. Veo comentarios intentando insertar imágenes, pero ningún script. Ojalá puedas recordar de dónde tomaste el código para que lo busques en tu plantilla ya que según yo, tal código no existe, y sin ese script no se podrá insertar imágenes en los comentarios.

      Si por una u otra razón tú algún otro administrador hubiera eliminado ese script puedes usar el que planteo en esta entrada, con él también podrás insertar imágenes (y vídeos) en tus comentarios, y al tratarse de la misma sintaxis los comentarios antiguos también mostrarán las imágenes que ahora no se ven.

      Saludos.

      Eliminar
    2. Estoy yo solo de administrador pero, no obstante probaré a pegar el que tu propones en esta entrada por si acaso el antiguo haya tenido algún problema. Ya te contaré. Gracias.

      Eliminar
    3. Bueno, he vuelto a insertar el código como me has dicho y está solucionado. ¿Se ha podido borrar solo? Veo que el acceso a la plantilla html es distinto que hace unos meses, me ha costado hasta encontrar el body

      Muchas gracias.

      Eliminar
    4. Es prácticamente imposible que se borre o cambie de lugar un código de manera autónoma, quizá lo eliminaste sin darte cuenta.
      El diseño del editor de Blogger cambió desde abril del 2013, a todos nos ha costado adaptarnos al principio, pero ya verás que después podrás "moverte" en él con mayor facilidad. Saludos.

      Eliminar
  31. ¿cómo se pone este chuli cuadrado que se pone naranja el fondo cuando pasas el ratón por encima?
    ¿usted trabajos blogger, tiene tarifas??

    ResponderEliminar
    Respuestas
    1. Hola, sólo he puesto un aviso en el área correspondiente al formulario de los comentarios, le he dado un color de fondo y luego he aplicado otro color de fondo al pasar el cursor (HOVER).
      Sí hago plantillas a petición, el costo varía del tipo de plantilla que desees, tipo y número de gadgets, estructura, etc.
      Cualquier duda estoy a tus ordenes.

      Eliminar
  32. Cambié todo el código del video por éste, pero el que no me funciona es el de las imágenes, creo que es porque yo uso los comentarios anidados que vi en Vagabundia. ¿Crees que tenga solución? Saludo y gracias de antenalga.

    ResponderEliminar
    Respuestas
    1. Aunque la antenalga suena tentadora me temo que no Pepe, este método sólo funciona para comentarios anidados originales de Blogger.

      Eliminar
  33. Este comentario ha sido eliminado por el autor.

    ResponderEliminar
    Respuestas
    1. No sé si entendí bien, ¿quieres que sólo se aplique a una entrada en particular? si es así entonces debes encerrar el código en una condicional:
      http://ciudadblogger.com/2010/03/condicionales-de-blogger.html

      Eliminar
  34. Este comentario ha sido eliminado por el autor.

    ResponderEliminar
    Respuestas
    1. Pues sólo que publiques una entrada y todos comenten en ella porque publicar entradas sólo los autores pueden hacerlo.

      Eliminar
    2. Este comentario ha sido eliminado por el autor.

      Eliminar
  35. [img src=” “].https://encrypted-tbn2.gstatic.com/images?q=tbn:ANd9GcTYV7QJ8VMGUcHbxm48Kh3HwG3g8_Z3BaElbYXsvI68Mdf1NbeLjVTHl4dc

    PAISAJE

    ResponderEliminar
  36. Hola Saludos.
    una pregunta potro, puedo insertar 2 imágenes de fondo en mi blog... una en la parte de la cabecera y otra asta abajo haciendo este efecto: http://fvxfvxfb.guildlaunch.com/

    ResponderEliminar
    Respuestas
    1. Hola Alan. No son dos fondos. El fondo del blog es el primero que ves. El segundo es el fondo del footer.

      Eliminar
    2. y como le puedo poner este fondo http://www.guildlaunch.com/guild/forums/templates/R14/images/MinecraftSunsets/BGFooter.jpg
      al footer

      Eliminar
    3. Una forma sencilla es que pongas antes de </body> este código:

      <img src="URL de la imagen " style="position: absolute; bottom: 0; left: 0;"/>

      Eliminar
  37. potro hola una pregunta, como hago para que mis videos no se redireccionen a su pagina web original y solo se pueda observar de mi blog. saludos.

    ResponderEliminar
    Respuestas
    1. No se puede luís, eso no depende de un código del blog, sino del reproductor del video y del servicio donde estén alojados.

      Eliminar
  38. he buscado esto desde hace mucho y ya lo tengo puesto funcionando perfectamente¡¡

    Gracias Por tu aporte¡¡

    ResponderEliminar
  39. He probado poner [Video] URL Youtube [/Video] en comentario de respuesta y sale todo pero no me reproduce el video...

    ResponderEliminar
    Respuestas
    1. Hola Manuel, ¿tienes en tu blog algún código que inhabilite el botón derecho? si es así deberás quitarlo para que este tipo de elementos -como videos- funcionen sin problema.

      Eliminar
  40. Hola, buenas noches querria saber como puedo poner una imagen en mi avatar que sale en el comentario, como administradora del blog. Muchas gracias

    ResponderEliminar
    Respuestas
    1. Hola Lola, sólo tienes que poner una imagen en tu perfil de Blogger, esa imagen es la que aparecerá en los comentarios que realices.

      Eliminar
  41. Gracias Potro.. ya puedo insertar imagenes en los comentarios ademas que me sirve como ayuda para guiar a algun lector de mi Blog.. un saludo !!!!

    ResponderEliminar
  42. Ola Potro
    Bueno quiero hacer una consulta , en algunas web vi que ponen videos bueno varios videos
    pero con opciones Opcion 1 Opcion 2 Opicion 3
    http://soloveodeportes.co/espnmas.html

    bueno te pregunto como puedo hacer eso.
    en mi plantilla o en blog
    Gracias espero pronto su respuesta y espero que me ayudes en eso
    estaria muy agradecido

    ResponderEliminar
    Respuestas
    1. Supongo que debe haber varias opciones, una de ellas sería este tabview para las entradas:
      http://www.ciudadblogger.com/2011/06/tabview-para-agrupar-varios-gadgets-en.html

      Eliminar
    2. Este comentario ha sido eliminado por un administrador del blog.

      Eliminar
    3. Prueba solo con .post-title
      Elimino el comentario por el aviso que está aquí en el formulario.
      Saludos.

      Eliminar
  43. Saludos Potro.. lo siguiente es para preguntarte por que las imagenes si me las deja colocar y el video no?... ya hice la prueba en un comentario y no me sirvio.. te agradeceria si le echas un viztaso a mi plantilla .. un Abrazo.. DTB... en mi perfil esta mi blog mil Gracias !!!!!

    ResponderEliminar
    Respuestas
    1. Hola, ¿en cuál entrada has hecho la prueba?

      Eliminar
    2. Saludos Potro.. que pena incomodarte el video lo inserte en un comentarios de esta entrada Office Professional Plus 2013 con SP1 32 & 64 Bits Imagen .ISO + Activador !!! esta en la portada del blog.. cuando quise poner un video de como descomprimir un archivo .Rar.. de antemano mil Gracias por responder.. un Abrazo !!!

      Eliminar
    3. Por lo que veo el sistema de "Responder" que tienes no es el nativo de Blogger, ¿cierto? si es así entonces no funcionará, es únicamente para plantillas con comentarios anidados nativos de Blogger. Saludos.

      Eliminar
    4. Gracias por la respuesta Potro.. eres muy gentil en tomarte la molestia de revisar y sacarnos de las dudas.. un Abrazo !!

      Eliminar
  44. hola potro
    como se le hace para poner un mensaje para los comentarios como el tuyo? es decir, así en un recuadro y arriba de donde la gente puede escribir?

    ResponderEliminar
    Respuestas
    1. Hola Mile, te dejo un enlace de donde lo tomé:
      http://www.oloblogger.com/2013/01/mensaje-del-formulario-para-comentarios.html

      Eliminar
  45. Hola Potro, yo tengo una dudilla con las entradas. Quiero habilitarlas en un blog en el cual las tenía quitadas, pero cuando en la configuración las habilito, solamente lo hace para las nuevas. Esto es un problema, porque para habilitarlas en entradas ya creadas tengo que ir de una en una. ¿Hay algún método para solucionar esto? Muchas gracias ;)

    ResponderEliminar
    Respuestas
    1. Hola Sergio, no he comprendido bien, ¿cómo las habías deshabilitado y cómo las has habilitado nuevamente?

      Eliminar
  46. Potro, intenté hacerlo pero no me funciona. Lo instalé en: Desde mi óptica - Top 10 memes del controvertido video.

    Puedes ver en la caja de comentarios que sale igual. Si tengo que agregar o eliminar algo házmelo saber, para así hacer la modificación necesaria.

    Espero tu respuesta.
    Saludos

    ResponderEliminar
    Respuestas
    1. Hola Adrián, aunque tu plantilla tiene el "Responder" no es el sistema nativo de Blogger, es por eso que no funcionará en tu plantilla.

      Eliminar
    2. ¿Tiene solución? No tengo idea de cómo solucionarlo, si me puedes ayudar te lo agradecería muchísimo.

      Eliminar
    3. Este script sólo funciona en sistemas nativos de Blogger, de momento no hay nada que se pueda hacer excepto que cambies de plantilla.

      Eliminar
  47. Me encanta! ¿Existe una manera de cambiar el mensaje que dice "agregar un comentario"

    ResponderEliminar
    Respuestas
    1. Busca en tu plantilla este código:
      <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
      <data:postCommentMsg/></a>

      Y este:
      <h4 id='comment-post-message'><data:postCommentMsg/></h4>

      En ambos cambia lo que está en negrita por el texto que desees.

      Eliminar
  48. Hola, gracias por tu ayuda.
    me pone este mensaje que puedo hacer.

    -------------------------
    Se ha encontrado más de un artilugio con el ID: LinkList3. Los ID de artilugio deben ser exclusivos.

    Error 500

    ResponderEliminar
  49. Hola, gracias por tu ayuda.
    me pone este mensaje que puedo hacer.

    -------------------------
    Se ha encontrado más de un artilugio con el ID: LinkList3. Los ID de artilugio deben ser exclusivos.

    Error 500

    ResponderEliminar
  50. Hola, gracias por tu ayuda.
    me pone este mensaje que puedo hacer.

    -------------------------
    Se ha encontrado más de un artilugio con el ID: LinkList3. Los ID de artilugio deben ser exclusivos.

    Error 500

    ResponderEliminar
    Respuestas
    1. Hola, busca en tu plantilla la palabra LinkList3 (es probable que te aparezca dos veces), y una de ellas cámbiala por LinkList33

      Eliminar
  51. Excelente información, te doy las gracias por todo lo que enseñas.
    Soy nueva en ésto, muero por ponerme a escribir pronto. Apenas estoy diseñando la plantilla pero he llegado a un lugar donde no se que dirección tomar. La cuestión de los HTML me causan pavor pues se corre el riesgo de dañar la estructura. Ya me comunicaré contigo para solicitar tu ayuda y tan sólo ésta entrada para agradecer nuevamente lo que haces por la comunidad. Dios te guarde.

    ResponderEliminar
  52. Excelente información, te doy las gracias por todo lo que enseñas.
    Soy nueva en ésto, muero por ponerme a escribir pronto. Apenas estoy diseñando la plantilla pero he llegado a un lugar donde no se que dirección tomar. La cuestión de los HTML me causan pavor pues se corre el riesgo de dañar la estructura. Ya me comunicaré contigo para solicitar tu ayuda y tan sólo ésta entrada para agradecer nuevamente lo que haces por la comunidad. Dios te guarde.

    ResponderEliminar
  53. Este comentario ha sido eliminado por el autor.

    ResponderEliminar
  54. Este comentario ha sido eliminado por el autor.

    ResponderEliminar
  55. Buenas. me interesa mucho esto para mi blog pero no logro hacerlo funcionar.. las partes pintadas en verde se las dejo o las borro? antes de body después de head es donde lo pongo y nada u.u y en serio lo quiero.. me podrías ayudar?

    ResponderEliminar
  56. Este comentario ha sido eliminado por el autor.

    ResponderEliminar
  57. Este comentario ha sido eliminado por el autor.

    ResponderEliminar
  58. Potro: no entiendo el 80% de lo que ustedes hablan. Soy principiante y a veces quiero poner un enlace a un video que vi en youtube en mis comentarios en blogspot de amigos.¿Que debo digitar?

    ResponderEliminar
  59. [img]https://pacs.vmtsalud.com.pe/g_imagenes/2016/2016-07-31/HUGO_QUINTANA__CARLOS_EMILIO/CR.1.3.12.2.1107.5.3.56.10075.11.201607311037100406.DCM.jpg_g.jpg[/img]

    ResponderEliminar

Si tu blog contiene material protegido por derechos de autor habilita tu perfil y deja únicamente el nombre de tu blog, no dejes la dirección del mismo, de lo contrario el comentario será eliminado.

Nota: solo los miembros de este blog pueden publicar comentarios.

 
Ir Arriba Ir Abajo
I Ciudad Blogger