Mostrando entradas con la etiqueta Gadgets y Widgets. Mostrar todas las entradas
Mostrando entradas con la etiqueta Gadgets y Widgets. Mostrar todas las entradas

jueves, 2 de febrero de 2012

Box social para Blogger

Para que l@s que visiten tu blog periodicamente puedan suscribirse por email, a los feeds, agregarte en Facebook o seguirte en Twitter, aqui tienes esta elegante caja social con sus iconos correspondientes. Para añadirlo a tu Blogger, solo tienes que copiar el codigo de abajo y pegarlo a un gadget HTML/Javascript. Antes de guardar, modifica lo que esta en rojo, es decir: tu url de tu Facebook, la de tu Twitter, la de los feeds RSS y la de suscripcion (ahi solo tienes que poner el nombre de tu Feedburner, no la direccion completa). Recuerda que hay que repetir la url de cada sitio 2 veces, una para el icono y otra para el texto.






<div class="sidebar-subscription">
<ul id="subscription">
<li><a href="URL DE TWITTER" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-7XlDolhEu4A0Dxhd6g5H01p9tqPXgF86VgLHCloCcXXOYzTPvgtCQ2PyGsQVGF6JSAhs6zZEayxVV_dXDwMkP1kTy4qWSuca0s5Lj4o0mOGSMVK6amMQRz_vkuGzqfW7vQcA0orXWHSX/" /></a>
<h4>
<a href="URL DE TWITTER" target="_blank">Sigueme</a></h4>
Puedes seguir mis actualizaciones en Twitter</li>
<li><a href="URL RSS" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4K5TLsCitK4FOGHF5T73e2kAaloEHd-IV73nPxaF7IQrShF-ucQ7Ao0a2MFovcp-3ob5Cn4YGL8Tz3u5_FKk4wiydDw5Dl1TVzbH7e2n3iHS6jvN98_UeZ_B_P8M7zRtU8tLcK8TBhRl5/" /></a>
<h4>
<a href="URL RSS" target="_blank">Posts RSS</a></h4>
Lee mis articulos completos en tu lector de feeds favorito</li>
<li>
<a href="URL FACEBOOK" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGl_FByjBW-LHkMGUeK2tZlAL7UA8PPWbTg1MUrB4Epv0KVH_lVLCgGrCp5vJK7TE31KTLd8Yp-HNwMIRJobb2vYX-nJHdMAYGX6bNioqyHZk3PhNl95D5WTLdG1NSgc-SS2FV8ObfMT73/" /></a>
<h4>
<a href="URL FACEBOOK" target="_blank">Facebook</a></h4>
Hazte fan en Facebook</li>
<li>
<a href="http://feedburner.google.com/fb/a/mailverify?uri=NOMBRE FEEDBURNER&amp;loc=es_ES" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkgYljiBSlTxtUHZ2jDnBFEHkCFNOF9vUw_gEYhp2jJC68M4zvNPI2ZarccwDPvUGOEMFvMMCl2Gsht6m4AdVGCrcMXVSFOdUT6WGVAQcZAopf-v_xiBV70zYbb9cP-Cu7mvTMfcFGPg_t/" /></a>
<h4>
<a href="http://feedburner.google.com/fb/a/mailverify?uri=NOMBRE FEEDBURNER&amp;loc=es_ES" target="_blank">Subscribete via e-mail</a></h4>
Recibe mis ultimas actualizaciones en tu correo</li>
</ul>
</div>
<style>
.sidebar-subscription {
    background: url("http://lh6.ggpht.com/_7Y9pl24WpQY/S_f7UbjdNxI/AAAAAAAAD7k/MRxXLntEnfo/post_head_thumb%5B4%5D.gif") no-repeat scroll 0 0 #FFFFFF;
    border: 1px outset #FFFFFF;
    color: #000000;
    padding: 20px;
    width: 100%;
}
#subscription {
    list-style: none outside none;
    margin-left: -40px;
    margin-top: 0;
    width: 100%;
}
#subscription li {
    height: 57px;
    line-height: 1.0em;
    padding: 6px 10px;
    padding-bottom: 20px;
}
#subscription li a {
    color: #000000;
}
#subscription li a:hover {
    color: #A8000C;
    text-decoration: none;
}
#subscription li h4 {
    border: medium none;
    color: #333333;
    font-size: 18px;
    margin: 0 0 0 45px;
}
#subscription li p {
    font-size: 13px;
    margin: 0 0 0 45px;
}
#subscription li img {
    float: left;
    margin: 0 10px 0 0;
    padding: 0;
}
#subscription li:hover {
    opacity: 0.7;
}
</style>


lunes, 30 de enero de 2012

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:



domingo, 22 de enero de 2012

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).