Buscar en este blog

jueves, 1 de abril de 2010

Publicar SWF en Blogger

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.

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.

Gracias a 2webfacil por la explicación!

viernes, 26 de febrero de 2010

Cómo crear capturas de tus videos

Primero: Hay que bajar este programa: Media Player Classic (Links abajo), instalarlo y ejecutalo


Segundo: Entramos a VIEW > OPTIONS > OUTPUT (VER > OPCIONES > SALIDA) y dejarlo como esta en la siguiente imagen


Tercero: Vamos a FILE > QUICK OPEN FILE (ARCHIVO > ABRIR ARCHIVO RAPIDAMENTE).


Cuarto: Ahí cargamos el video a la cual le vamos crear las Capturas.


Quinto: Cuando cargamos la película le damos STOP o Pausa, despues nos dirijimos a FILE (ARCHIVO) y hacemos clic en SAVE THUMBNAILS (GUARDAR DIAPOSITIVAS)


Sexto: Ahora vamos modificar la extencion por la que queramos, pero les recomiendo el .PNG por la calidad, en este caso lo voy a crear 4 ROWS (FILAS) con 4 COLUMNS (COLUMNAS) y en 1024 pixels, (ustedes lo haran como desean) y le damos a GUARDAR.


Séptimo: tarda solo unos segundos, dependiendo también del tamaño de la película y en este caso quedaría de este modo:



MediaCoder v0.7.3.4600


Con MediaCoder puedes cambiar de un codec a otro tanto ficheros de audio como de video, de uno en uno o con tantos a la vez como quieras.

Mediacoder reune bajo una sola interfaz todos los codecs de audio y video de codigo libre, permitiendote cambiar ficheros de uno a otro de forma muy sencilla, configurando diversas opciones para cada uno de ellos.

La conversion realizada por Mediacoder puede tener diversos objetivos: reducir el peso del fichero, mejorar su compresion, pasar a un formato compatible con un determinado dispositivo, extraer pistas de audio de un video, etc.

MediaCoder soporta los siguientes formatos:
Origen: MP3, OGG/Vorbis, AAC, WMA, RealAudio, FLAC, APE/APL y WAV, AVI (Xvid/DivX), MPEG1/2/4, MOV, WMV/ASF, RealMedia, MP4 y Matroska (mkv).
Destino: MP3, OGG/Vorbis, AAC, MusePack, FLAC, WavPack, APE, WAV, WMA, Xvid, DivX 4/5, MPEG1/2/4, etc.

Idioma: Ingles
Peso: 53.1Mb

http://hotfile.com/dl/28517310/bcb498a/Portable_MediaCoder_v0.7.3.4600.rar.html
http://uploading.com/files/e41ma7em/Portable_MediaCoder_v0.7.3.4600.rar/
http://freakshare.net/files/woxzsdhr/Portable_MediaCoder_v0.7.3.4600.rar.html
http://www.sharingmatrix.com/file/1640417/Portable_MediaCoder_v0.7.3.4600.rar


Gracias a Daaamian y a pentecostes de Taringa

sábado, 9 de enero de 2010

Colocar una imagen para subir al principio del blog

Si quieren poner esta imagen en la parte inferior de su blog para que al clickearla los direccione nuevamente al inicio de la página, solo tienen que añadir el código que se proporciona en un gadget de HTML.

Dependiendo si lo quieren a la derecha o a la izquierda de su pantalla, tendrán que elegir uno u otro código.

Para poner de la derecha:

<a style="display:scroll;position:fixed;bottom:0px;right:0px;" href="#"><img src="http://i177.photobucket.com/albums/w206/nanup73/Imagen2.gif" /></a>

Para poner de la izquierda:

<a style="display:scroll;position:fixed;bottom:0px;left:0px;" href="#"><img src="http://i177.photobucket.com/albums/w206/nanup73/Imagen2.gif" /></a>

Botón para enlazar tu blog

Para colocar una imagen y un botón para enlazar nuestro blog, (como el que está arriba), tan solo tienen que crear un gadget HTML/Javascript en el lugar dónde quieran poner la imagen y copiar el código que se muestra a continuación. Luego,sustituir las letras en rojo por la URL de la imagen que quieran mostrar como enlace y en "dirección del blog" escribir de la dirección de su blog.

<center><img src="URL DE TU IMAGEN"/><form action="http://beta.blogger.com/add-widget" target="_blank" method="post">
<input value="" name="widget.title" type="hidden"/><textarea style="display: none;" name="widget.content"><!-- Código del enlace -->
<a href="DIRECCION DEL BLOG"><img src="URL DE TU IMAGEN"/></a>
</textarea><input value="Enlazar" name="go" type="submit"/></form></center>

Guardar y listo.

6 formas de compartir tus artículos en Blogger

Los botones para compartir contenidos son un elemento casi imprescindible en cualquier blog. No son un solo adorno: permiten que otras personas difundan tus posts para conseguir más tráfico y mejorar el posicionamiento de tu sitio.

¿Cómo incluir estos botones cuando usas Blogger? Hay al menos 6 formas de hacerlo:

AddThis

Add-This

Una de las herramientas más populares. Es personalizable, soporta 50 lenguajes (se traduce automáticamente) y más de 150 servicios, incluyendo Twitter, Facebook, Myspace, Menéame y opciones para compartir por correo y agregar a favoritos.

Te da la opción de instalar en la sidebar o incluir el código en el post-footer de tu plantilla, pudiendo hacer un seguimiento de tus estadísticas (mediante registro).

ShareThis

sharethis

Otra conocida opción fácil de instalar, pero que requiere registro. Se añade como si fuera un widget, incorporándose automáticamente al pie de tus posts. Eso sí, es mucho más limitado que AddThis: Aunque te da la posibilidad de mostrar botones rotatorios, es escasamente personalizable; y además, soporta sólo 45 servicios y está en inglés.

AddtoAny

add-to-any

Uno de mis favoritos: amigable, personalizable, e incorpora una gran cantidad de servicios (más de 120), incluyendo Menéame (aunque sigo extrañando a Bitácoras en el listado).
Entre las opciones de customización incluye: cambio de colores, encabezados, prioritización de servicios y posibilidad de incorporar servicios adicionales, entre otras. También te ofrece un botón adicional que facilita la suscripción a tus lectores.
Se instala manualmente copypasteando el código bajo el post-body de tu plantilla.

Wikio Buttons

wikio-buttons

Es el botón de suscripción universal para compartir y votar del cual hablaba hace meses. Puedes generarlo desde la sección de Herramientas de Wikio, escogiendo los servicios que vas a añadir. Lo que me gusta de Wikio, es que es simple pero llamativo, y que incorpora redes sociales hispanas como Bitácoras, Menéame, Fresqui y el mismo Wikio.

Si tienes problemas para incluirlo en tu blog, puedes revisar el video que preparó Wikio (para instalar como widget) o revisar el post de Rosa María para añadir en el pie de las entradas.

Pretty Sociable

pretty-sociable

Si eres lector frecuente de Mashable, sabrás que en Septiembre pasado implementaron un sistema para compartir imágenes y videos con el arrastre de tu mouse. El servicio, gentileza de Meebo (sí, el mismo sitio donde puedes acceder a tu messenger online), es pago; no obstante, puedes implementar tu propia versión – que nada tiene que envidiarle a Meebo – con jQuery. En Eliseos, Alexis explica cómo hacerlo.

Sexy bookmarks

sexy-bookmarks

Probablemente has sexy bookmarks visto en muchos blogs en inglés, con mensajes como “sharing is sexy” o “sharing is caring”. La gracia de sexy bookmarks, es el simple pero atractivo efecto mouse-hover que da “movimiento” a los íconos y hace honor a su nombre.
El plugin ha sido adaptado por CSS Reflex para ser incorporado en Blogger y recreado en su versión latina por Pizcos (recomendado). Puedes adaptar la técnica para poner tus propios botones.

¿Cuál preferir?
Pienso que siempre es mejor añadir íconos de social media de tu preferencia para que éstos se adapten al diseño. Sino, me parece que el botón de Wikio es la mejor alternativa: es funcional, estético e incluye las redes sociales hispanas.

Gracias Chica blogger

Como crear un widget para que agreguen un enlace a tu blog

En este artículo te mostraremos como crear un widget(segmento de código) para que tus visitantes sólo tengan que pulsar un botón para agregar un enlace a tu blog en el suyo.

  1. Entra a la pestaña “Plantilla” o también llamada “Diseño” desde el escritorio.
  2. Da click en “Añadir un elemento de página” en la sección donde deseas tener el botón y selecciona “HTML/Javascript” como tipo de elemento.
  3. Coloca en el título “Agreganos” o el mensaje que desees este sobre el botón o bien, deja en blanco (el botón ya traerá texto).
  4. En el campo de “Contenido” pega el siguiente código:

    <form action="http://beta.blogger.com/add-widget" method="post" target="_blank">
    <input value="" name="widget.title" type="hidden" />
    <textarea style="display: none;" name="widget.content">
    <!-- Código del enlace -->
    <a href="http://TUBLOG.blogspot.com">TU BLOG</a>
    </textarea>
    <input value="Agrega a NOMBRETUBLOG a tu Blogroll" name="go" type="submit">
    <input type="hidden" name="infoUrl" value="http://blogandweb.com/2007/06/06/como-crear-un-widget-para-que-agreguen-un-enlace-a-tu-blog/"/>
    </form>

    Donde tendras que hacer las siguientes sustituciones:

    http://TUBLOG.blogspot.com – Por la dirección de tu blog.
    TU BLOG – Por el nombre de tu blog o el código de una imagen. Esto será lo que aparesca en el blog de quien te agregue.
    Agrega a NOMBRETUBLOG a tu Blogroll – Por el mensaje que quieras aparesca en el botón.

    Este código funciona también para otros sistemas de blog y cualquier web, pero sólo podran agregarte los usuarios de Blogger.

Gracias a Blog and Web

lunes, 4 de enero de 2010

Scrit para valoración con estrellas ☆☆☆

Encontré navegando una página llamada Outbrain, que nos ofrece un sript para colocar unas estrellitas al final de sus entradas, para que los visitantes pueden votar misma, dar su opinión y calificarla. Para añadirlo a blogger,
segui estos pasos:

Entrar en Diseño -> Añadir gadget (elemento de página) -> html-javascript
Y copiar el siguiente script:


<script language="JavaScript">var OB_platformType =1;var OB_demoMode = false;var OB_langJS = "http://widgets.outbrain.com/lang_es.js";var OBITm = "1238007531722";</script><script type="text/javascript" src="http://widgets.outbrain.com/OutbrainRater.js"> </script>
<style>#whatIsSpan{visibility: hidden;display: none;</style>



Guardar los cambios y listo!