Publicar SWF en Blogger 68

 
Jul27

Publicar archivos Flash o SWF es una tarea común para la mayoría de Bloggers, aunque Blogger no permite publicar estos archivos nativamente hay formas sencillas de hacerlo y lograr que nuestro blog muestre contenido Flash el cual es muy vistoso.

swf-blogger

Donde Alojar los SWFs
El primer problema radica en que Blogger no permite subir archivo con extensión SWF, entonces es necesario subir estos archivos a un hosting y luego enlazarlos desde nuestro blog. Ahora si no tienes un hosting pagado puedes hacerlo en algunos servicios gratuitos como:

En mi caso prefiero Google Sites, pues me puedo crear una cuenta utilizando la misma que tengo para Blogger, es sencilla de utilizar y sin publicidad. Entonces nos registramos y creamos un nuevo site (el cual solo nos servirá para alojar nuestros archivos). Una vez creado el site deben acceder al menú More Actions < Manage Site < Attachments.

google-sites-attachments

En esta opción podremos visualizar todos los archivos que hemos subido y hacer upload de los archivos que deseamos publicar. Entonces para mi ejemplo he subido una archivo llamado 7762.swf tenemos el URL de nuestro archivo:

1
http://sites.google.com/site/2webfacil/7762.swf

Publicando SWF en Blogger
Ahora que ya tenemos el archivo SWF es hora de utilizar código html para mostrar nuestro archivo flash en el blog. Para ello utilizamos el siguiente código:

1
2
3
4
5
<object id="movie" type="application/x-shockwave-flash"
   data="ruta-archivo.swf" width="ancho" height="alto">
   <param name="movie" value="ruta-archivo.swf">
   <param name="wmode" value="transparent" />
</object>

Donde ruta-archivo.swf es la ruta del archivo SWF, ancho y alto las dimensiones del SWF. Luego siguiendo este código podemos mostrar nuestro Flash con el siguiente código:

data="http://sites.google.com/site/2webfacil/7762.swf" width="231" height="132">

Asi de sencillo, pueden ver el ejemplo funcionando en nuestro blog de prueba en Blogger: http://2webfacil.blogspot.com/2009/07/publicar-swf-en-blogger.html.

Tags: , , , , ,

subscribe to comments RSS

There are 68 comments for this post

  1. tila says:

    Muchas gracias por la información. Hace rato que estaba tratando de poner un archivo flash en mi blog. Me fue de mucha ayuda. Gracias!!!
    Saludos :)

  2. marcelo says:

    Estimado, muy interesante y muy bueno, nada mas e seguido al pie de la letra todo, pero no hay forma, tengo google sities, la cuenta todo, nada mas que no se como ves la direccion URL que no me aparece, si cuando abro el archivo flash, en una nueva ventana funciona. pero no hay forma de meterlo en el blog, por las dudas tenes mi correo electronico para poder enviarme una solucion, es que hago algunos trabajitos en flash y los quiero publicar en mi blog spot. gracias.

  3. Fer says:

    La verdad me sirvió desde ya muchas gracias!

    Aunque subí a mi blog un menu desplegable en formato swf, el cual lo hice en 123 flash menu. Mi problema es que me publica el flash..pero el problema es que no me abre los enlaces de cada despliege del menu..

    Si me podrian ayudar desde ya muchas gracias!

  4. 2webfacil says:

    Marcelo, obtener la ruta del SWF en google sites es sencillo. Cuando estas en la lista de archivos que has subido, le das click derecho encima del link del SWF que has subido, por ejemplo en mi caso el enlace que figura es:

    http://sites.google.com/site/2webfacil/7762.swf?attredirects=0

    Entonces la ruta que debes utilizar es esta pero debes eliminar la parte: ?attredirects=0 con lo cual la ruta del SWF sería de la forma:

    http://sites.google.com/site/2webfacil/7762.swf

  5. Fabian says:

    hola, tengo un inconveniente con un swf en mi blogger, a ver si pueden darme una mano:
    he creado un swf que reproduce jpg aleatoriamente. los jpg son externos. asi que lo que hice fue subir el swf y los jpg a mi sitio en sitesgoogle. cree un nuevo gadget en mi blog, con tu codigo, y puse la direccion del swf. el problema es que el swf se carga pero no se reproducen las fotos. que deberia hacer ? que hago mal? desde ya gracias
    fabian

  6. fabian says:

    no me pbulicaste mi coment… por que motivo? solo buscaba ayuda?

  7. 2webfacil says:

    Hola fabian, disculpa por no contestar antes. Respecto a tu pregunta tienes que verificar la ruta de las imágenes que vas a mostrar en tu SWF, te recomiendo que utilices rutas absolutas. Por ejemplo si las imágenes se encuentran alojadas en y servidor otherdomain.com en una carpeta llamada img, entonces debes llamar a las imágenes poniendo:

    http://otherdomain.com/img/photo.jpg

    Con esto si se jalarán las imágenes. Otro punto a tener en cuenta es que por motivos de seguridad Flash solo permite cargar imágenes y archivos que se encuentran en el mismo dominio que el SWF. Para resolver esto debes agregar un archivo crossdomain.xml en el dominio donde se encuentran las imágenes dando permiso para que se puedan cargar las mismas.

  8. 2webfacil says:

    Hola, para insertar un SWF desde Google Pages es necesarios eliminar todo el texto que va desde el carácter ?, entonces en tu caso el URL del SWF sería de la forma:


    http://3784686264438960064-a-1802744773732722657-s-sites.googlegroups.com/site/poio8punto0/red-remover-640x480.swf

  9. poio says:

    graciaaas!!! un saludo tronco!

  10. ag8609 says:

    Graaaaaacias!!!!!! No te imaginas brother cuantas veces probé hacerlo de otras maneras y siempre me decepcionaba pero con tu ayuda ya logré subir el primero de
    muchos swf a mi blog; quedo totalmente en deuda con vos, solo puedo decirte
    Gracias por ayudarnos a mechos como yo a mejorar nuestros blogs.

  11. Zoe Miho says:

    Genial! Por fin he podido subir swf a mi blog!! Miles de gracias!! :DD

  12. david says:

    Hola!!! he incluido un archivo swf en mi blog, pero este archivo tiene activada la función de reproducirse directamente, y al poner varios se queda bloqueado el blog. Como puedo hacer que se visualicen pero que no se reproducacn hasta que la persona que quiera verlo le de a play. Muchas gracias!!!

  13. Eduardo says:

    Muchisimas gracias! me ha sido de gran ayuda.

  14. mai says:

    Gracias.
    Se ve, pero tengo un problema: mi flash tiene un link, y cuando veo el flash subido funciona, pero al subirlo a blogger el link no funciona.

    Alguien sabe por que puede pasar esto?
    Muchísmas gracias

  15. Mario says:

    Oye, sucede que estoy intentando subir un juego en flash el “Gravity Master” y hago todo lo que dice tu web, pero no sale nada en la publicación… ¿qué estoy haciendo mal?.

    Este es como queda mi código html:

    El link funciona bien, pero no sé por qué no lo muestra en la publicación.

  16. Mario says:

    Oye, sucede que estoy intentando subir un juego en flash el “Gravity Master” y hago todo lo que dice tu web, pero no sale nada en la publicación… ¿qué estoy haciendo mal?.

    Este es como queda mi link:

    http://8273658432913876329-a-1802744773732722657-s-sites.googlegroups.com/site/virtuaescuela/home/3834.swf

    http://sites.google.com/site/virtuaescuela/home/3834.swf

    Lo puse de las dos formas: copiar ruta de enlace y haciendo click en él y copiando la dirección que me daba, obviamente borrando todo lo demás después del “?”.

    El link funciona bien, pero no sé por qué no lo muestra en la publicación.

  17. 2webfacil says:

    Para los usuarios a los cuales no les funciona los enlaces, es por que por defecto cuando se embebe SWF desde otros dominios se bloquean los enlaces y carga de archivos externos para resolverlo es necesario agregar el parametro allowScriptAccess con el valor always, con lo cual el código quedaría de la forma:


    <object id="movie" type="application/x-shockwave-flash"
    data="ruta-archivo.swf" width="ancho" height="alto">
    <param name="movie" value="ruta-archivo.swf" />
    <param name="wmode" value="transparent" />
    <param name="allowScriptAccess" value="always" />
    </object>

  18. RadamantiusS says:

    Gracias por la ayuda, me sirvió de mucho el Tuto =)

  19. alma says:

    Hola ya lo intente, y si me aparece el swf en blogger, el problema radica en que mi swf esta enlazado a varios swf y estos a otros swf. Al reproducirlo en googlesites solo me acepta el primer enlace pero el enlace de este ya no lo reproduce, y al reproducirlo en blogger no aparece ningun enlace, ¿se puede hacer algo en este caso? realmente espero que me puedas ayudar, gracias.

  20. 2webfacil says:

    alma para que funcione correctamente debes utilizar URLs absolutas por que las URLs relativas funcionan solo en el mismo dominio, es decir las rutas a los SWFs deben ser de la forma:

    http://sites.google.com/site/2webfacil/7762.swf

    Como puedes ver se pone el nombre del dominio completo para que tu movieclip puede llamar al clip correcto. Lo otro que puedes ver es el tema de seguridad , para ello puedes leer: http://kb2.adobe.com/cps/142/tn_14213.html

  21. Rodry.D says:

    muchas, pero muchas, y muchicimas gracias!
    yo creo animaciones flash y siempre use xoo image pero esta vez no me daba el codigod e la web, se tildaba :S pero con el google sites lo pude lograr! :D

  22. jorgefm says:

    lo que me ocurre a mi es lo siguiente, ten la url del archivo :
    http://496327592193822182-a-1802744773732722657-s-sites.googlegroups.com/site/fotografiaguzman/ba.swf
    ancho 400px alto 315px y cuando lo sustituyo en mi blog no se que pasa que solo :
    O me aparecen lo qu he escrito en edicion de html
    O me aparece un hueco sin nada en la entrada del blog
    que es lo que ocurre??

  23. Xavier says:

    Tenia mis flash en otro de los servicios de google que dejo de funcionar y me transportaron todo a google sites pero no se cono insertar el flash, no me sale la opción, gracias y disculpa la molestia

  24. Xavier says:

    Lo encontré no había creado el compartimiento para archivos gracias me ayudo un montón

  25. Xavier says:

    Tengo el codigo colocado donde solo cambie el lugar de ubicacion de swf, y no se muestra

    Gracias y disculpa las molestias

  26. Ozl says:

    @2webfacil
    Hola, que necesito hacer para subir mas de diez archivos que incluyen 3 de musica, 7 de swf y otros que al exportar me da dos archivos xml uno open y otro no, este menu lo he creado con Flash Menu Labs pero no se como hacer que funcione con todas sus respectivas opciones, debe funcionar con musica cuando le das click y cuando pasas elpuntero por el boton, asi que no solo es un URL el que debo buscar si no 10, en este caso espero que puedan ayudarme, ya subi todos los archivos a google sites tal y como lo mencionas aqui pero no se que mas hacer, Gracias por su tiempo…

  27. jhon says:

    amigo mi oregunta es donde pego el codigo qu dices, en html pero en que lado
    gracias

  28. Jahyr says:

    WOW genial men eres lo mejor por fin un código par insertar Flash en Blogger que valga mira mi sitio web `para que veas que si funciono.

  29. Jahyr says:

    Solución a un Problema común:

    Miren como Blogger esta conectado ahora con Google tienen acceso con la misma cuenta de Blogger a Google Sites y cuendo entran a su Blogger a poner un SWF que alojaron en Google Sites va a salir perfectamente pero solo lo puedes ver tu. Para que hagas la prueba salgan de tu Blogger (Y de Googlee Sites sale automaticamente) e nuevamente pero sin Acceder a Blogger ni a Google y veras que el Flash no sale solo sale el espacio pero el Flash no sale por que solo puedes ver el Flash que subiste a Google si Accedes a tu cuenta eso significa que ningun visitante de tu Blog va a ver el Flash.

    Entonces para evitarnos ese problema les recomiendo que usen File Den (Ya que PhotoBuquek esta fuera de servicio para alojar SWFs) ese un servicio de Alojamiento aparte y a mi me funciona bien. Espero les sirva.

  30. Jahyr says:

    Hola tengo un problema es que yo quiero poner un flash que ya esta en otra web (se trata de un Flash donde das clic a una imagen en pequeña y luego sale la grande con descripción) tengo un programa que me da su dirección url la cual no termina en .swf ni siquiera tiene .swf en medio de la dirección URL entonces no puedo poner ese Flash a mi blogger, pero yo he visto un blog que pudo copiar ese Flash y quisiera saber como lo hizo (Algún código HTML para poner ese tipo de Flash sin .swf) Aunque ese programa que me da la URL tambien me permite descargar el Flash y ponerlo en archivo .swf lo subí al servidor lo puse en mi blog pero solo salio como la maquet y como que estaba cargando pero no salieron las imágenes ni el texto ha y si pueden por favor pongan como recortar el Flash para que solo se vea hasta una parte.

  31. libre says:

    No me funci0naba hasta q eliminé por completo el parámetro:

    <param name="wmode" value=”transparent” />

    saludos!

  32. JUANJO says:

    gracias me fue de gran ayuda pero no hay manera de incertar archivos subidos en 4shared.com

  33. luis says:

    Muchas gracias pude hacerlo, cuando vi que habia que introducir html crei que no podia hacerlo pero es muy facil, solo remplazar por la dirección donde queda el swf y ya.
    muchas gracias

  34. roberto says:

    hola! chido tutorial, pero tengo una duda: cunaod por fin logro visualizar mi swf en el blog, aparece una enorme separación entre éste y la siguiente entrada… ¿porqué será?

    Saludos!

  35. MARTIN B says:

    HACE MUCHO TIEMPO INTENTO HACER ESTO Y NADIE DABA UNA SOLUCION. TENGO QUE FELICITARTE Y DECIRTE GRACIAS, MIL GRACIAS.
    DE VERDAD!!!

  36. infosureste says:

    hola! El tema ya ha sido comentado pero es para corroborarlo, NO ALOJAR EN GOOGLE SITE, solo se verá si accedes desde tu cuenta , SOLO LO VES TU, pero desde FILE DEN, FUNCIONA OK, ahora, a mi me funciona, pero no me funciona el link que le añado al swf en Flash, ni el codigo htlm que alguien comentó en otros post, ademas, en FIREFOX, se ve pero muy pequeño, como lo soluciono??en chome y explorer va perfecto
    lo del link?? y lo del tamaño en firefox??
    Muchas gracias a todos
    http://www.infosureste.es

    PD: el swf, es la cabecera del blog, añadida como gadget de HTLM/javascript

    Así si que se aprende, compartiendo conocimientos!!!! Gracias

  37. infosureste says:

    solucione lo del tamaño en firefox, añadiendoleel tamaño en el embed, que alguien comento en algun otro post, pero me sigue sin funcionar el link del propio swf y tampoco el codigo que alguien sugerie

    alguna solucion
    muchas gracias

  38. Marrera says:

    Gracias por tu aporte, dure un buen rato buscando la forma de subir mis archivos ya que las paginas que usaba dew subidas han cambiado su politica, pero ni idea de que google tenia la suya… Si hay puntos te daria 10 :p

  39. ESTIVENT says:

    disculpa antes que anda garcias por el tuto pero una consulta… yo he subido un archivo swf a google sites tal como dice el tutorial lo puedo ver mientras estoy logeado sin embargo cuando les pao los links a mis amigos o simplemente cuando me deslogeo no lo puedo ver =S sera que tengo que hacer algo en la configuracion ? porfavor seria de mucha ayuda. gracias de antemano salu2

  40. 2webfacil says:

    Puedes publicar la dirección de tu pagina para ver por que no esta funcionando.

  41. Juan says:

    Gracias por el post más practico de toda la web! Al fin Pude hacerlo! Gracias

  42. ale says:

    http://alestradaa.blogspot.com/2010/07/waa.html hola puedes ayudarme?

    le puse las medidas en pixeles y nose xq se ve asi

  43. Enrique says:

    Hola, amigo,

    Tu código para meter un swf en blogger es el único que no da ningún problema de todos los que muestran por ahí en otros blogs. Toda esa gente que se las dan de expertos y publican tutoriales de cosas que no saben me dan rabia porque me hacen perder mucho tiempo y energía. Ojalá hubiese abierto tu blog en primer lugar. Muchas gracias por tu aportación.

  44. Mónica says:

    muchas gracias, de verdad muy util y facil.

  45. alvaro says:

    exelente tu ayuda, me sirvió mucho despues de mucho intentar, al fin pude lograrlo.

  46. NYKOLAS says:

    gracias por el tutorial me fuen de gran ayuda gaste mucho tiempo asiendo la animacion y me sentia perdido sin saber como ponerla en el blog hasta que encontre esta pagina, mucho otros codigos no funcionaron tu codigo fue el unico que sirvio de nuevo muchas gracias

  47. Pat says:

    Hola, me podrías deir cómo hago para hacer un hipervínculo a un archivo swf, lo he colgado en la web ShareSWF. El archivo ya tenía el hipervínculo hacia una página externa pero cuando lo pongo en el widget del blogger no funciona. Gracias anticipadas.

  48. 2webfacil says:

    Para que un SWF pueda abrir un URL externo como en tu caso pat tienes que agregarla el parámetro allowScriptAccess con el valor always con el cual el código para insertar SWFs sería de la forma:

    <object id="movie" type="application/x-shockwave-flash"
    data="ruta-archivo.swf" width="ancho" height="alto">
    <param name="movie" value="ruta-archivo.swf" />
    <param name="wmode" value="transparent" />
    <param name="allowScriptAccess" value="always" />
    </object>

  49. Virgil says:

    Muchas, muchas, muchas gracias ^,..^
    de verdad… como han dichos otros..
    Practico, sencillo , facil de usar…
    en verdad.. te ganas el cielo

Please, feel free to post your own comment

* these are required fields

2WebFacil is powered by WordPress and FREEmium Theme.