29 septiembre 2013

Código HTML sencillo para insertar flash en Blogger.

Este sencillo código HTML nos puede servir para la inserción fácil y rápida de un archivo Flash dentro de nuestras entradas de Blogger. Nos resulta muy sencillo de usar ya que solo necesitamos de tres sencillos datos que nosotros seremos los que otorgaremos: La URL del archivo flash que nosotros deseamos pegar en nuestra entrada, El ancho que queremos ocupar dentro de nuestra entrada y finalmente el alto para, lógicamente, definir la altura de nuestro archivo flash en la entrada.

Hay que recordar que si tenemos el archivo en nuestra PC deberemos subirlo a un hosting que permita el uso de archivos .swf como es el caso de Dropbox que nos permite hasta 10 gb de banda ancha.

Nuestro código a usar es el siguiente:
<object type="application/x-shockwave-flash" data="URL del archivo.swf" width="Ancho" height="Alto">
<param name="movie" value="URL del archivo.swf" />
<param name="wmode" value="transparent" />
<param name="allowScriptAccess" value="always" />
</object>
Donde, deberemos copiar y pegar en nuestra entrada y a continuación cambiar las siguientes etiquetas:
  • URL del archivo.swf Recordando que las url siempre inician con el protocolo http:// y se coloca en dos atributos diferentes: el primero para Internet explorer y el segundo para el resto de los navegadores.
  • Ancho donde deberemos indicar el valor que deseamos que tenga nuestro flash en relación a su ancho.
  • Alto donde finalmente, indicaremos el valor de altura que deseamos que tenga nuestro flash.
El resultado que obtendremos será algo como esto:




Cabe destacar que, en caso de que utilizemos un archivo .swf nuestro, deberemos verificar que nuestro archivo tenga un acceso público, ya que en caso contrario, nosotros podremos ver el archivo por estar logueados en nuestra cuenta pero nuestros visitantes no.

¿Te fue de ayuda este artículo?
Si el artículo te agrada puedes suscribirte a La Taberna para recibir las últimas actualizaciones del blog o bien, puedes dar me gusta en Facebook, seguir en Twitter o agregar a tus círculos de Google +. También puedes expresar alguna duda, sugerencia, o comentario a través de la página de contacto o aquí en la misma entrada.

¡No te pierdas ninguna publicación!

Suscríbete a La Taberna de Julio y recibirás todas las actualizaciones directamente en tu correo. Cero SPAM, lo prometo :)
Related Posts Plugin for WordPress, Blogger...
      edit

25 comentarios:

  1. Estimado Julio: Estoy aprendiendo a incorporar materiales a mi blog y esta vez no logro que funcione.
    ¿Qué estoy haciendo mal?
    Copio el código con que cargo el archivo.swf
    <------- data="http://www3.gobiernodecanarias.org/medusa/ecoescuela/secundaria/files/2012/01/Tablas_1M.swf" height="450" type="application/x-shockwave-flash" width="670">
    <----- name="movie" value="http://www3.gobiernodecanarias.org/medusa/ecoescuela/secundaria/files/2012/01/Tablas_1M.swf" />

    Gracias
    Felipe

    ResponderEliminar
    Respuestas
    1. ¡Hola Felipe!

      Coloqué los datos que me proporcionaste en una entrada de Blogger y salió perfectamente. No observé algún error tuyo pero recuerda que si usamos blogger, no podemos copiar este código en el modo de "redactar" porque lo leerá como un simple texto, y no como un archivo flash insertado que es lo que deseamos.

      Debemos usar la opción de "redacción en HTML" para que pueda funcionar como se muestra en la imagen:

      http://www.plinck.esy.es/tmp/72d41602bc.png

      Ya que al pasar de nuevo al modo "Redactar" lo veremos así:

      http://www.plinck.esy.es/tmp/0bb098ade0.png

      Ese cuadro gris que vemos es nuestro archivo .swf que aparcerá al momento de publicar nuestro artículo, justo como cuando colocamos un vídeo de YouTube. Igual recuerda que no veremos el cuadro de html en la vista previa, sino hasta una vez ya publicado.

      Muchas gracias por comentar Felipe y espero haberte dado la respuesta que deseabas.
      ¡Saludos!

      Eliminar
  2. Mil gracias Julio, ha sido de gran utilidad el último párrafo de tu comentario. Veía el cuadro gris y no pasaba nada cuando pedía la vista previa. Todo se solucionó al publicar. He aprendido algo nuevo.
    Un gran saludo y te sigo.

    ResponderEliminar
    Respuestas
    1. ¡Hola Felipe!

      Me da mucho gusto leer que te sirvió mi comentario y que te pude ayudar. Mil gracias a tí por seguirme y compartir tus dudas conmigo.

      Te envío un gran saludo Felipe, y te deseo una excelente semana. :)

      Eliminar
  3. Respuestas
    1. ¡Hola!

      Te invito a que me expreses tus dudas. Estaré complacido de tratar de ayudarte. :)

      Eliminar
  4. Respuestas
    1. Me alegra mucho saber que te funciona y te agradezco por comentar.

      ¡Saludos!

      Eliminar
  5. hola para centrar la animacion donde hubico el margin ect

    ResponderEliminar
    Respuestas
    1. ¡Hola!

      Sinceramente si lo que quieres es tenerlo en el centro de tu post te recomiendo utilizar mejor la etiqueta <center> de tal forma:

      <center> <Código HTML> </center>

      Ahora que si en serio quieres utilizar la etiqueta margin, te recominedo que lo coloques dentro de una etiqueta DIV STYLE de esta forma:

      <div style="margin: VALORpx; VALORpx; VALORpx; VALORpx;" > <Código HTML> </div>

      Al menos así lo haría (aunque siempre uso la etiqueta CENTER).

      Espero y mi respuesta te haya ayudado.
      ¡Saludos y muchas gracias por comentar!

      Eliminar
  6. Gracias, Julio!! Tu publicación me fue de utlidad. :)

    ResponderEliminar
    Respuestas
    1. ¡Hola Brey!
      Me alegra mucho saber que te fue útil mi post. :)

      Y muchas gracias por tu comentario.
      ¡Saludos!

      Eliminar
  7. Buenas sabes como se saca el signo de play antes no estaba,muchas gracias

    ResponderEliminar
  8. muchisimas gracias. yo tambien tenia el error de creer que la animacion se visualizaba en vista previa. muchas veces deje de intentarlo porque no observaba cambios, crellendo que eran errores de los codigos HTML. de nuevo gracias. un saludo

    ResponderEliminar
    Respuestas
    1. ¡Hola Francisco!

      Me da gusto saber que te he podido ayudarte.

      Muchas gracías a tí por tu comentario :)
      ¡Saludos!

      Eliminar
  9. Saludos Julio :) ojalá me puedas ayudar.

    Estoy tratando de ponerle un reloj a mi blog. He usado este código y muchos otros, pero por más que busco e intento, mi reloj siempre aparece en gris con ese botoncito de "play" encima, cuando los relojes usualmente se inician de manera automática al ingresar en la página.


    Lo extraño es que aún usando un código de autoplay=true, me sigue apareciendo el botón para echarlo a andar. Sin embargo, cuando copio y pego directamente un código base añadiendo el link de mi swf, funciona siempre y cuando no le mueva nada de nada. O sea, en vez de tener un reloj con las dimensiones que necesito (150*167) tengo que quedarme con uno gigante de 600 pixeles por lado. Al cambiar el tamaño deja de funcionar con normalidad y aparece el botón play otra vez.

    ¿Sabes qué puede ser o cómo lo arreglo? Me he partido la cabeza todo el día buscando en blogs, páginas y foros, incluso intenté viendo si modificando el html de mi blog podía forzarlo a funcionar, pero nada :c estoy super frustrada xD Este es mi blog; el reloj está como siempre detenido, solo necesito que arranque por su propia cuenta y no tener que ponerle play http://mm2espanol.blogspot.cl/

    Gracias por leer :D

    ResponderEliminar
  10. yo deseo es que mis animaciones solo arranquen cuando le den "play" no deseo que se autoejecuten, PORFAVOOR, si esta a su alcance indicame como hacer.
    este es mi codigo

    object data="http://arcani.esy.es/calculo2_Euclides/razonamiento2-1.swf" height="700" type="application/x-shockwave-flash" width="700">
    param name="movie" value="http://arcani.esy.es/calculo2_Euclides/razonamiento2-1.swf" />
    param name="wmode" value="transparent" />
    param name="allowScriptAccess" value="always" />

    </object


    y este mi blog
    http://carvicunita2016.blogspot.com/

    ResponderEliminar
    Respuestas
    1. Eso es algo sencillo, debajo de la última etiqueta 'param name' debes añadir la siguiente etiqueta:

      <param name="play" value="false" />

      Así indicarás si quieres que el flash se reproduzca (play) de manera automática (true) o hasta que se le indique (false).

      Eliminar
  11. Hola, espero me puedas ayudar, el código me va bien, pero cuando visualizo la página donde lo usaré me aparece una capa negra con un play encimna de la imagen, osea tengo que dar click para que se vea y pues no es la idea, quiero que se vea la image y sus funciones permanentemente activas. Gracias de antemano por tu respuesta

    ResponderEliminar
    Respuestas
    1. ¡Hola Omar!

      La verdad nunca me había topado con ese problema, pero es algo sencillo de resolver. Intenta añadiendo esta línea <param name="play" value="true"> antes de la etiqueta </object>

      Eliminar
  12. Cordial saludo,

    Estoy un poco desesperado quiero adicionar a mi blog el flash que aparece en la siguiete pagina https://highered.mheducation.com/olcweb/cgi/pluginpop.cgi?it=swf::640::480::/sites/dl/free/007299181x/220730/eclipse_interactive.swf::Eclipse%20Interactive
    E mirado muchos video-tutorales y pos e intentado de muchas formas pero ha resultado insuficiente, le agradezco si me puede ayudar.

    ResponderEliminar
    Respuestas
    1. Hola Jairo, mucho gusto.

      Tu problema radica en que no tenías la url del archivo y por lo tanto el código no podía correr. Intenta utilizar el código que te presento arriba pero con estas variantes:

      Sustituye "URL del archivo.swf" por este link: https://highered.mheducation.com/sites/dl/free/007299181x/220730/eclipse_interactive.swf

      El valor: "Alto" con 640 y el valor "Ancho" con 480. (ambos son opcionales pues puedes ponerle los valore aque tu elijas)

      Avísame si te ha funcionado o si tienes algún problema.
      Saludos. :)

      Eliminar
  13. hola, el codigo me funciona perfectamente pero se repite la reproducción una y otra vez y lo que quiero es que solo se reproduzca una vez y pare, ¿que debo añadir al codigo ? Gracias

    ResponderEliminar
  14. hola quiero agregar un flash a mi Blogeer PERO NO PUEDO

    ResponderEliminar

Todo comentario es bien recibido, pero recuerda: primero será revisado antes de ser publicado. :)
Si deseas incluir un enlace utiliza este código: <a href="URL del enlace">Texto del enlace</a>