miércoles, 27 de junio de 2012

EMFF REPRODUCTOR FLASH PARA BLOG

EMFF es un reproductor en flash para escuchar música MP3 o WAV en el blog, su instalación es como la de la mayoría de los reproductores de su tipo, y su uso también. Sin embargo EMFF admite listas de reproducción y además posee varios skins para que pueda adaptarse a los gustos de cada quien. Puedes verlos aquí mismo en esta entrada.


 

<object type="application/x-shockwave-flash" data="URL del archivo SWF" width="91" height="25"> <param name="movie" value="URL del archivo SWF">
<param name="wmode" value="transparent" />
<param name="FlashVars" value="src=URL del archivo MP3">
</object>



 

<object type="application/x-shockwave-flash" data="URL del archivo SWF" width="200" height="55"> <param name="movie" value="URL del archivo SWF">
<param name="wmode" value="transparent" />
<param name="FlashVars" value="src=URL del archivo MP3">
</object>



 

<object type="application/x-shockwave-flash" data="URL del archivo SWF" width="32" height="32"> <param name="movie" value="URL del archivo SWF">
<param name="wmode" value="transparent" />
<param name="FlashVars" value="src=URL del archivo MP3">
</object>



<object type="application/x-shockwave-flash" data="URL del archivo SWF" width="100" height="50"> <param name="movie" value="URL del archivo SWF">
<param name="wmode" value="transparent" />
<param name="FlashVars" value="src=URL del archivo MP3">
</object>



<object type="application/x-shockwave-flash" data="URL del archivo SWF" width="84" height="32"> <param name="movie" value="URL del archivo SWF">
<param name="wmode" value="transparent" />
<param name="FlashVars" value="src=URL del archivo MP3">
</object>



<object type="application/x-shockwave-flash" data="URL del archivo SWF" width="16" height="16"> <param name="movie" value="URL del archivo SWF">
<param name="wmode" value="transparent" />
<param name="FlashVars" value="src=URL del archivo MP3">
</object>


<object type="application/x-shockwave-flash" data="URL del archivo SWF" width="140" height="30"> <param name="movie" value="URL del archivo SWF">
<param name="wmode" value="transparent" />
<param name="FlashVars" value="src=URL del archivo MP3">
</object>


<object type="application/x-shockwave-flash" data="URL del archivo SWF" width="120" height="60"> <param name="movie" value="URL del archivo SWF">
<param name="wmode" value="transparent" />
<param name="FlashVars" value="src=URL del archivo MP3">
</object>


Para usarlo sólo necesitas descargar este archivo, descomprimirlo, y subir uno de los archivos SWF a un hosting.

Luego pega el código del reproductor que más te guste en un elemento HTML/Javascript de tu blog, o incluso una entrada, ahí agrega la URL del archivo SWF que subiste previamente (sólo el que hayas elegido), verás que debes agregar la URL dos veces.
También agrega donde se indica la URL de tu canción y listo.

Puedes agregar más de una canción, sólo añade las demás URLs de las canciones una seguida de la otra, pero todas separadas por una coma, por ejemplo:

<object type="application/x-shockwave-flash" data="URL del archivo SWF" width="91" height="25"> <param name="movie" value="URL del archivo SWF">
<param name="wmode" value="transparent" />
<param name="FlashVars" value="src=URL del archivo MP3 uno,URL del archivo MP3 dos,URL del archivo MP3 tres">
</object>

También podemos usar tres parámetros, autoplay, repetir, y aleatorio:
&amp;autostart=yes
&amp;repeat=yes
&amp;shuffle=yes

Cualquiera de ellos se agrega al final de la última URL de la canción, por ejemplo, si usáramos los tres se vería así:
<object type="application/x-shockwave-flash" data="URL del archivo SWF" width="91" height="25"> <param name="movie" value="URL del archivo SWF">
<param name="wmode" value="transparent" />
<param name="FlashVars" value="src=URL del archivo MP3&amp;autostart=yes&amp;repeat=yes&amp;shuffle=yes">
</object>

Como puedes ver es un reproductor de fácil uso, sencillo y visualmente agradable.
En la siguiente entrada veremos cómo crear listas de reproducción en formato XML.
Si ya sabes crear listas XML entonces siempre has de cambiar esta línea del reproductor:
<param name="FlashVars" value="src=URL del archivo MP3">
Por esta otra:
<param name="FlashVars" value="playlist=URL del archivo XML">
En el caso de las listas de reproducción XML la URL del archivo nunca deberá llevar el protocolo seguro de transferencia de hipertexto, es decir, que en vez de que sea HTTPS será HTTP.

martes, 26 de junio de 2012

PiCMARK, PROTEGER NUESTRAS IMAGENES CON MARCAS DE AGUA

Todos alguna vez fuimos victimas de plagios con nuestras obras publicadas en Internet. Ya sean imágenes, textos o videos, muchas veces el problema no esta en que la utilicen, sino en el uso que se les da y en que otros se terminen adueñando de ellos.Existen servicios como Safe Creative en el que podemos registrar nuestras obras y decidir cuales serán los derechos que le adjuntamos y cuales liberamos.
Pero si no te incomodan que utilicen tus fotografías, sino que tu preocupación es que no se adueñen de ella mostrándose como autores, puedes aplicarle una marca de agua para evitar estos problemas.
Proteger las fotos con marca de agua es uno de los métodos más antiguos, pero si da buenos resultados.
PicMarkr es un servicio online gratuito que hará el trabajo por nosotros.Es que añadir una marca de agua en una foto sin tener algo de práctica en esto puede resultar muy trabajoso o terminar con malos resultados, ya que podemos arruinar la imagen con las letras.
Entonces nada mejor que subir las imágenes a PicMark que nos da la posibilidad de utilizar nuestras imágenes de facebook, flickr o picasa, y también las que tengamos guardadas en nuestro ordenador. Podemos subir hasta 5 imágenes juntas. Le damos el “ok” y PicMark añadirá las marcas de agua para proteger nuestras imágenes



ENLACE AQUI

lunes, 25 de junio de 2012

CREAR UN MENSAJE DE BIENVENIDA EN EL BLOG

Hoy vamos a ver este trucos. Se trata de colocar un Mensaje de Bienvenida al Blog, el cual aparecerá solamente en el Home, y al cual daremos un aspecto diferente del resto del blog para que resalte.
Es una forma de dar bienvenida a los usuarios y de recomendarles algunas cosas que creemos que le interesarán, a la vez de proporcionarles información breve acerca de los temas que trata el blog, o bien pueden usarlo para lo que crean necesario.
Para añadir el Mensaje de Bienvenida al blog debemos ir a la Edición HTML de la plantilla (Diseño --> Edición HTML) y buscamos el siguiente código:
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Entradas del blog'
type='Blog'/>
</b:section>

y justo antes del mismo añadimos esta sección:

<b:if cond='data:blog.url == data:blog.homepageUrl'>
<b:section class='main' id='main-dos'
showaddelement='yes'>
<b:widget id='HTML50' locked='false' title=''
type='HTML'/>
</b:section>
</b:if>

Guardamos los cambios y ahora nos dirigimos a Diseño, donde veremos que aparece un gadget HTML nuevo (que acabamos de añadir al agregar el código anterior)


Hacemos click en "Editar" ese gadget y pegamos el código del Mensaje de Bienvenida, el cual puede ser algo así como este:

<div class="mensaje">
<h2>¡Bienvenido!</h2>

<img
src="http://img155.imageshack.us/img155/3627/34283694.jpg"/>
<p>Bienvenido a mi blog: AQUI LA URL DE TU BLOG
Blogs</p>
<p>Espero que lo que veas aquí sea de tu
agrado y pases un buen momento con nosotros.</p>
<p>¡Estás en tu casa! Por lo cual
puedes leer y comentar lo que quieras.</p>

<p>Si quieres puedes suscribirte a mi <a
href="http://feeds2.feedburner.com/blogspot/hnBy">feed</a>
</p>

<p>Y si necesitas contactar conmigo, puedes enviarme un
<a
href="mailto:TU-EMAIL@hotmail.com">email</a></p>

</div>


Con estos pasos ya tenemos un Mensaje de Bienvenida, podemos dejarlo tal como esta o bien darle un poco más de estilo para que quede más bonito. Para ello nos dirigimos a Diseño y buscamos ]]></b:skin> y justo antes de eso pegamos este código:


.mensaje{background:#B7D3D9;padding: 10px;font-size: 14px;}
.mensaje h2{font-size: 22px; margin: 0 auto; color: #fff; font-weight:
bold;text-align: center; }
.mensaje a{font-weight: bold; color:#fff;text-decoration:underline;}

Para cambiar la imagen solo editamos la parte que dice:

<img
src="http://img155.imageshack.us/img155/3627/34283694.jpg"/>

por: <img src="URL-DE-TU-IMAGEN"/>


Espero que les sirva