Widget buscador de videos de YouTube

En otra ocasion ya os hable de un widget para buscar videos hecho con JQuery. Ahora te muestro otro que es mucho mas sencillo de implementar. Se trata de un buscador de videos de YouTube para añadir a un blog o web y esta confeccionado mediante un iframe, unos parametros url y CSS. En este buscador tienes una pestaña (en ingles) en la que puedes elegir las ultimas novedades, los mas votados, los mas vistos y, por supuesto una barra para que hagas tu propia busqueda personalizada. Los videos aparecen de seis en seis con imagenes con miniaturas y paginacion, al hacer click en una de ellas aparece el video para visionarlo. Lo que no se puede cambiar es el tamaño del widget, ya que no se veria a tamaño completo.

Para añadir el buscador en tu blog o web, solo tienes que copiar el siguiente codigo y ponerlo donde quieras mostrarlo:

<center><IFRAME style="-webkit-box-shadow: 0px 0px 20px rgba(0,0,0,.8);-moz-box-shadow: 0px 0px 20px rgba(0,0,0,.8);box-shadow: 0px 0px 20px rgba(0,0,0,.8);border-top:3px solid #6699FF;border-left:3px solid #FDFE40;border-right:3px solid #70FE5A;border-bottom:3px solid #F03136;moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px;" SRC="http://www.gmodules.com/ig/ifr?url=http://www.google.com/ig/modules/youtube_videos.xml&up_title=YouTube&up_username=&up_prefs_version=0&up_search_channels=0&up_search_channel_name0=&up_search_channel_url0=&up_search_channel_name1=&up_search_channel_url1=&up_search_channel_name2=&up_search_channel_url2=&up_current_channel_id=0&up_rawQuery=&up_channel_url_to_preload=http%3A%2F%2Fgdata.youtube.com%2Ffeeds%2Fapi%2Fstandardfeeds%2FUS%2Frecently_featured%3Falt%3Djson&synd=open&w=470&h=310&title=__UP_title__&lang=en&country=IE&border=%23ffffff%7C3px%2C1px+solid+%23999999&source=http%3A%2F%2Fwww.gmodules.com%2Fig%2Fcreator%3Fsynd%3Dopen%26url%3Dhttp%253A%252F%252Fwww.google.com%252Fig%252Fmodules%252Fyoutube_videos.xml%26lang%3Den"NAME="Widgetwindow" WIDTH=470 HEIGHT=310 FRAMEBORDER=0 SCROLLING=NO></IFRAME></center>

Nueva cancion del "Tio la Vara"

Jose Mota ha versionado la cancion de Ska-p "Cannabis" (Legalización), adaptandola como sintonia para su personaje "El Tio la Vara". El videoclip le ha quedado de lo mas graciosico que he visto ultimamente.

This text will be replaced

Iconos sociales "Piedra"

Original pack de 12 iconos en formato png y en disponibles en tres tamaños diferentes. Diseñados en color grisaceo y con una textura imitando a la de la piedra, seguro que quedan muy bien en tu blog o web. El unico icono que no esta es el de Google +, pero estan todos los demas de las redes mas conocidas.

Tuneando el reproductor de YouTube

Antes, YouTube nos daba la opcion de cambiar de color tanto el marco como la barra del reproductor flash de video. Eso ya desaparecio y ahora todos son de color negro. Pero con un poco de CSS y Flash podemos customizarlo a nuestro gusto, dandole un toque mas personal y diferente.

Aqui tienes 2 ejemplos de videos "tuneados":

Cada vez que quieras poner un video del Youtube customizado en tu blog o web, añade este codigo, cambiando los numeros en rojo por los numeros y letras por las del video que quieras (los veras en la barra de direccion de YouTube).

CODIGO:

<center><div style="-moz-border-radius: 20px; -webkit-border-radius: 20px; background: #000000; border-radius: 20px; border: 4px solid #6699FF; box-shadow: 0 0 10px #ffffff inset;width:500px;padding:7px;"><embed allowfullscreen="true" allowscriptaccess="always" border="2" bordercolor="0x000000" height="350" src="http://www.youtube.com/v/lisnMkxUz3Y&amp;hl=en&amp;fs=1&amp;rel=0&amp;color1=0xF4F50D&amp;color2=0x6699FF&amp;autoplay=0&amp;rel=0&amp;" type="application/x-shockwave-flash" width="500"></embed></div></center>

Parametros modificables en el codigo:

·color1=0xF4F50D(color de los bordes de la barra)   ·color2=0x6699FF(color del fondo de la barra )   ·background: #000000;(color de fondo)   · border: 4px solid #6699FF(tamaño y color del borde)   ·width:500px(tamaño ancho del fondo)   ·height="350"(tamaño alto del reproductor)   ·width="500"(tamaño ancho del reproductor)

Relojes flash del Real Madrid y el Barcelona

Si eres aficionad@ a uno de estos dos grandes equipos de futbol, ya puedes poner en tu blog o web un reloj flash con el emblema del Barça o el Madrid. Solo tienes que copiar el codigo de debajo del reloj y añadirlo donde quieras mostrarlo. Si quieres cambiarle el tamaño, solo tienes que modificar los numeros de los pixeles donde pone height (alto) y width (ancho).

<center><embed height="250" pluginspage="http://www.macromedia.com/go/getflashplayer" quality="high" src="http://hostredeando.ucoz.es/RELOJES-FLASH/fcbarcelna.swf" type="application/x-shockwave-flash" width="180"></embed></center>

<center><embed height="250" pluginspage="http://www.macromedia.com/go/getflashplayer" quality="high" src="http://hostredeando.ucoz.es/RELOJES-FLASH/madrid_clock.swf" type="application/x-shockwave-flash" width="180"></embed></center>

Gifs animados con tu webcam

Si eres de l@s que les gusta poner carazas y hacer gestos ante la webcam, ahora los puedes convertir en una imagen gif animada. Entra en la web Cam Slide (esta en ingles), te registras, le das a 'create slideshow' y empiezas a grabar con la cam. Cuando creas que ya lo tienes, le das a stop y lo que has grabado se convierte automaticamente en una imagen gif. Si no te gusta como ha quedado, la borras, haces otra y ya esta. Ademas, puedes participar en un ranking en el que l@s usuarios votan a los que mas le molan y comentan las imagenes.

visitar Cam Slide