Planeta cash: gadget

Mostrando entradas con la etiqueta gadget. Mostrar todas las entradas

lunes, 28 de enero de 2013

Relojes personalizados con imagen para blog

Hace un tempo había publicado una entrada con distintos relojes para poder adornar el blog, se puede acceder a los mismos en el enlace:

Gadget para blogger Reloj

Pero esta nueva entrada en realidad es debido a las consultas que me hicieron para personalizar los relojes con imágenes de la preferencia de cada uno, y no tener que colocar los relojes predeterminados que encuentran en los diferentes sitios web.

Esta vez los relojes que presento son personalizados, es decir van a poder crear sus relojes con imágenes propias seleccionadas que sean de su agrado, y luego una vez subida la imagen podrán modificar distintos parámetros como tipo de números, tipo de agujas del reloj y colores. El tema del tamaño de la foto es importante, yo para mostrar distintos ejemplos subí diferentes medidas, pero creo que con una de 200 x 200 está muy bien, cuando obtienen el código HTML, si no los convence el formato, pueden hacer ajustes en el tamaño tocando los parámetros siguientes:

width='201' height='302' Estos valores corresponden al primer ejemplo y son ilustrativos
widt=191&hight=292 Estos valores corresponden al primer ejemplo y son ilustrativos

Para personalizar el reloj a tu gusto accede aqui.

Si te gustaron estos relojes y el post te resultó útil por favor comparte el mismo, gracias.

sábado, 3 de noviembre de 2012

Gadget de Homero para blogger

Dado que siempre los bloggers están buscando como adornar el blog para ponerlo mas bonito, aquí les dejo dos simpáticos gadgets, uno llamado "Comentar es agradecer" y el otro "La decisión de Homero", para aquellos que no saben como agregarlos al blog, pueden consultar el post Como agregar un gadget a mi blog . Puedes ver en este blog uno de los gadgets al pie del mismo.

La decisión de Homero

Comentar es agradecer

Algunos comentarios sobre el código:

Si deseas que tu imagen no tenga bordes seteas lo siguiente:

border="0"

Si deseas ampliar o disminuir la imagen:

height="modifico el alto"
width="modifico el ancho"

Tener presente que modificar estos valores sin criterio pueden ocasionar que te quede la imagen desproporcionada!

sábado, 11 de agosto de 2012

gadget de entradas recientes para blogger

gadget-entradas-recientes-imagenes-moviles

La visualización de una lista de los últimos posts de nuestro blog en la barra lateral es una gran manera de mantener ocupados a sus visitantes. Hay un montón de gadgets que permiten mostrar los artículos mas recientes y que usted puede utilizar, pero el gadget que se cubre en este post sin duda atraerá la atención de la gente en su blog.
Este widget de mensajes recientes es similar a los mensajes estándar recientes con imágenes en miniatura, pero con una vuelta de tuerca. Combina plugin de jQuery vticker para producir un efecto móvil simple y elegante que se desplaza sin problemas a través de los mensajes.

Ahora lo que tenemos que hacer es agregar el mismo a nuestro blog, si no recuerda como hacerlo puede consultar "como agregar un gadget a un blog"

Cambio importante:

En la linea

<script src='http://www.YourBlogURL.blogspot.com/feeds/posts/default?

Debe reemplazar www.YourBlogURL.blogspot.com por la URL de su blog!

Cambios opcionales:

Hay muchos cambios que se pueden hacer con el código, la edición principal que usted puede desear hacer es modificar el número de posts que se van a desplazar y mostrar. Para cambiar el número de posts debe modificar la siguiente línea:

numposts = 7;

Ahora, para cambiar el número de mensaje que se muestran en cualquier momento dado, cambiar el presente atributo :

showItems: 3

Para cambiar el intervalo de tiempo y la velocidad de cambio de desplazamiento (los valores en microsegundos)

speed: 500

pause: 3000

Otros cambios, con los que usted puede ir probando son los de las variables que tienen asignado un valor en false y pasarlo a true, por ejemplo:

var showpostdate = false; // Para ver la fecha pasar a true!

martes, 17 de julio de 2012

Como poner banners aleatorios de 125 x 125

como insertar anuncios en la barra lateral

En la mayoría de los blogs que presentan publicidad se puede observar anuncios aleatorios que van cambiando conforme a se actualice la página.

¿Cómo mostrar anuncios al azar en Blogger?

En el tutorial de hoy vamos a aprender cómo crear un Widget de un Banner aleatorio para blogger que servirá para mostrar anuncios al azar cuando un visitante llega a una página nueva en su blog.Mediante este widget puede mostrar tantos anuncios publicitarios en una área de patrocinador como quiera! En este caso particular para cada ubicación alternará entre dos avisos que usted seleccione para cada ubicación, esto replicado por cuatro, lo que le permitirá ir rotando entre 8 avisos. Para agregar el widget siga estos pasos:

1- Ir a Blogger
2- Ir a Diseño
3- Agregar un gadget
4- Seleccionar HTML/ Java Script
5-Pegar el código dentro.

Si tiene dudas puede consultar el siguiente mini-tutorial sobre como agregar un gadget

<div align="center"> 
<table border="0" cellpadding="2" cellspacing="6" width="265" bgcolor="#ffffff"> 
<tbody><tr> 
<td><center> 

<script language="JavaScript"> 
images = new Array(2); 
images[0] = "<a href = 'URL OF ADVERTISER' rel='nofollow' ><img src='URL OF BANNER’S IMAGE-1' border='0' height='125' width='125' alt='AD DESCRIPTION'></a>"; 
images[1] = "<a href = 'URL OF ADVERTISER' rel='nofollow' ><img src='URL OF BANNER’S IMAGE-2' border='0' height='125' width='125' alt='AD DESCRIPTION'></a>"; 
index = Math.floor(Math.random() * images.length); 
document.write(images[index]); 
</script> 
</center></td> 
<td><center> 

<script language="JavaScript"> 
images = new Array(2); 
images[0] = "<a href = 'URL OF ADVERTISER' rel='nofollow' ><img src='URL OF BANNER’S IMAGE-1' border='0' height='125' width='125' alt='AD DESCRIPTION'></a>"; 
images[1] = "<a href = 'URL OF ADVERTISER' rel='nofollow' ><img src='URL OF BANNER’S IMAGE-2' border='0' height='125' width='125' alt='AD DESCRIPTION'></a>"; 
index = Math.floor(Math.random() * images.length); 
document.write(images[index]); 
</script> 
</center></td> 
</tr> 
<tr> 
<td><center> 

<script language="JavaScript"> 
images = new Array(2); 
images[0] = "<a href = 'URL OF ADVERTISER' rel='nofollow' ><img src='URL OF BANNER’S IMAGE-1' border='0' height='125' width='125' alt='AD DESCRIPTION'></a>"; 
images[1] = "<a href = 'URL OF ADVERTISER' rel='nofollow' ><img src='URL OF BANNER’S IMAGE-2' border='0' height='125' width='125' alt='AD DESCRIPTION'></a>"; 
index = Math.floor(Math.random() * images.length); 
document.write(images[index]); 
</script> 
</center></td> 
<td><center> 

<script language="JavaScript"> 
images = new Array(2); 
images[0] = "<a href = 'URL OF ADVERTISER' rel='nofollow' ><img src='URL OF BANNER’S IMAGE-1' border='0' height='125' width='125' alt='AD DESCRIPTION'></a>"; 
images[1] = "<a href = 'URL OF ADVERTISER' rel='nofollow' ><img src='URL OF BANNER’S IMAGE-2' border='0' height='125' width='125' alt='AD DESCRIPTION'></a>"; 
index = Math.floor(Math.random() * images.length); 
document.write(images[index]); 
</script> 
</div>

Realice los siguientes cambios:

1. Remplace URL OF ADVERTISER con el link del sitio web del anunciante.
2. Remplace URL OF BANNER’S IMAGE-1 and URL OF BANNER’S IMAGE-2 con el link donde se encuentra la imagen del banner del anunciante.
3. Remplace AD DESCRIPTION con la información relativa a la publicidad , esta descripción se mostrará al pasar el ratón por sobre la imagen.
4. Si usted desea incrementar la distancia entre los bloques de anuncios puede editar width="265" en la segunda linea.
5. Si usted está interesado en adicionar mas avisos en cada ubicación puede editar images = new Array(2); y colocar por ejemplo images = new Array(3);

luego adicionar la siguiente linea:

images[2] = "<a href = 'URL OF ADVERTISER' rel='nofollow' ><img src='URL OF BANNER’S IMAGE-3' border='0' height='125' width='125' alt='AD DESCRIPTION'></a>";

Con esta modificación tendremos 3 avisos aleatorios en una posición, recuerde que tendrá que repetir el paso 5 para cada banner

sábado, 16 de junio de 2012

Cual es la diferencia entre widget y gadget

Cuando se recorre la red , los términos gadget y widget aparecen definidos por separado, pero si prestamos mas atención comienzan las ambigüedades.
Veamos algunas definiciones:
Un Gadget es un dispositivo que tiene un propósito y una función específica, generalmente de pequeñas proporciones, práctico y a la vez novedoso. Los gadgets suelen tener un diseño más ingenioso que el de la tecnología corriente.
Los Gadgets son aplicaciones html, java o flash que incorporamos a nuestro blog para enriquecerlo.
En términos de marketing online,los gadgets son pequeñas piezas publicitarias programadas bien en Flash o Ajax que permiten cierta interactividad con el usuario.
Y entonces que sobre los widgets ? Veamos algunas definiciones que se pueden encontrar:
Un widget es una pequeña aplicación o programa, usualmente presentado en archivos o ficheros pequeños que son ejecutados por un motor de widgets o Widget Engine.
Un widget es una aplicación, que los usuarios pueden instalarse en su web, blog, red social favorita como Facebook, MySpace, Tuenti.
Por otro lado en Blogger se llama Gadget a los espacios para colocar enlaces o mapas...
Como se aprecia hasta aqui no parece ser muy clara la linea que divide un gadget de un widget , considero que las definiciones que mejor permiten clarificar el punto en cuestión son las siguientes:

“Un gadget es un dispositivo electrónico que cumple una función determinada. Es un juguete, pero para grandes. Siempre es hardware.”
Es decir, el iPhone, una tableta o un reloj calendario para escritorio constituyen ejemplos de gadget.
En algun momento habia una serie de dibujos animados llamado inspector Gadget, el nombre se debía a la capacidad del inspector por desplegar distintas herramientas(gadgets).

"Un widget es una aplicación muy centrada en dar un servicio concreto. Se centran en el mundo del software".
Por ejemplo, los widgets que permiten informar el clima , los widgets de calendarios , relojes y que pueden ser colocados en un sitio , copiando o descargando el fragmento de código correspondiente.

Después de estas definiciones vamos a poder darnos cuenta que a pesar de las mismas es muy frecuente encontrar que estos términos se utilicen indistintamente , es moneda corriente en internet denominar a un gadget widget o a un widget gadget.

viernes, 15 de junio de 2012

Gadgets & widgets para tu blog

Hoy les dejo una serie de gadgets & widgets para que puedan adornar su blog, gentiliza de Google!

martes, 6 de marzo de 2012

Gadget Boton arriba y abajo

Aqui les presento un gadget para tu blog que permite mediante botones "Subir" y "Bajar" acceder al contenido de la página.
Si tienes dudas sobre como agregar gadgets puedes consultar el siguiente enlace:
Como agregar un gadget a mi blog?

Páginas