Ads 468x60px

Mostrando entradas con la etiqueta Gadgets Blogger. Mostrar todas las entradas
Mostrando entradas con la etiqueta Gadgets Blogger. Mostrar todas las entradas

sábado, 2 de junio de 2012

Caja de aviso para el blog con opcion de cerrar


Esta caja de avisos es la que vieron ahora que me ausenté y que muchos me han estado pidiendo. No es nada del otro mundo, de hecho, es una mezcla del mensaje tipo Post-it, y de las etiquetas Fieldset y Legend.

El resultado es una caja de avisos con opción de cerrar y como tiene CSS3 se aprecian sombras tanto en la caja como en el texto de Aviso.

No, no intentes cerrarla, esta es una imagen.

martes, 15 de mayo de 2012

Gadget de Relojes Digitales

Una noche estaba en la computadora y mire mi reloj y me dio una idea de poner un "Post de relojes para Blog"
Y miren como son estos relojes electronicos para que los puedas poner en tu Blog.
Aqui estas los ejemplos:





lunes, 7 de mayo de 2012

Crea un Chat Online para Agregar al Blog


Hay muchos servicios en la web que nos ofrecen incorporar un chat al blog ya sea tanto para ponerlos en la sidebar o en las entradas, según mi parecer la que creo que más facil de usar es la de Xat.



 

martes, 1 de mayo de 2012

Agregar el Boton de MI Yahoo! a Blogspot

Mi Yahoo
Mi Yahoo! funciona igual que la página de iGoogle, sirve para tener tu página de Yahoo personalizada en la cual puedes tener acceso al buscador, correo y otros gadgets de tu interés de modo que puedas personalizar lo que quieres tener en tu Mi Yahoo.

martes, 17 de abril de 2012

Gadget de Cuenta Regresiva al 2012

Son dos contadores de cuenta regresiva para el 21 de diciembre de 2012 con motivos mayas que se instalan en un parpadeo, y que contarán los días que faltan para que llegue esa fecha.
Cualquiera de ellos se agrega entrando en Diseño | Añadir un gadget | HTML/Javascript.
Si usas la interfaz antigua entra en Diseño | Elementos de la página | Añadir un gadget | HTML/Javascript.
Ahora sólo elige el código del contador que más te guste y pégalo ahí.
Espero que sean de su agrado.




2,911


domingo, 1 de abril de 2012

Gadgets de Mascotas


">Recuerda ¡siempre! que vallas a modificar la plantilla ¡hacer una copia de seguridad! por si borras algo que no debes...



Gadget de Deja un Comentario en la Esquina del Blog



Aqui les dejo un Gadget muy bonito y util para vuestro blog , se trata de un famoso Gadget ( Deja un comentario con imagen de Homer ) que seguramente todos lo hemos visto en otros blogs .

Ahora ya tienes este Gadget (Deja un Comentario) en tu blog muy facil .

domingo, 18 de marzo de 2012

Tu Blog en un iPhone


blog de blogger en un iphone


Así es, estás leyendo correctamente. Gracias a Blog2iPhone es posible crear una versión de lectura de tu blog para que tus visitantes puedan leerlo a través de un iPhone, aunque sirve también para cualquier otro teléfono móvil (celular). Está disponible para plataformas como Blogger, Wonrdpress y Drupal.

El proceso es muy sencillo. Bastará con registrarnos en Blog2iPhone, confirmar el registro a través de nuestro correo de email y luego dar de alta nuestro blog en el servicio (gratuito). Deberemos colocar nuestra URL, la URL de nuestro FEED de Feedburner y algún que otro dato más para configurar este magnífico servicio a nuestro gusto. Finalmente obtendremos un código HTML que nos indicarán que deberemos colocar en nuestra plantilla (Diseño > Edición de HTML > Colocar entre head y /head). De esta forma, automáticamente cuando entremos desde un iPhone al blog lo veremos así:

Blog iphone


El resultado es tu blog sin imágenes para que sea fácil y cómoda su navegación. ¿Te gusta como se ve tu blog en un iPhone?

Marquesina en Banner para Blogger




Para ello vamos a:
1) Diseño
2) Elementos de página
3) Añadir un gadget
4) HTML/Javascript y en él pegamos el siguiente código:


Código a copiar/pegar<marquee direction="down" style="text-align: center; width:200px;height:150px;border:1px solid #ccc;padding:3px" onmouseover="this.scrollAmount='0'" scrollamount="1" onmouseout="this.scrollAmount='2'">

<a href="URLenlace1"><img src="URLimagen1"/></a>

<br/>

<a href="URLenlace2"><img src="URLimagen2"/></a>

<br/>

<a href="URLenlace3"><img src="URLimagen3"/></a>

</marquee>



Modificaciones que puedes hacer:

<marquee direction="down"> -> down (abajo) puedes cambiarlo por up (arriba), left (izquierda) yright (derecha). Con esto conseguimos que el banner-marquesina aparezca desde otro lado.

width:200px;height:150px -> width es el ancho y height es el alto. Cambia los valores a tu gusto para que puedan caber en tu sidebar.

border:1px solid #ccc; -> Ya expliqué todo sobre los bordes en blogger anteriormente. Revisa la lección para modificarlo a tu gusto.

scrollamount="1"  -> Esta es la velocidad a la que se van a mover los banners. Cuanto más alto sea el valor, más rápido irá el banner.




Modificaciones que debes hacer:

"URLenlace1" -> Aquí debes poner el enlace al que quieres que se acceda una vez se haya clicado sobre el banner.

"URLimagen1" -> Enlace de la imagen. Debes haberla subido primero a algún servidor gratuito, o al tuyo de pago.




Para añadir más banners fíjate en la estructura del banner. Después de <a href="URLenlace3"><img alt="Titulo" src="URLimagen3"/></a> deberías poner:

<br/>
<a href="URLenlace4"><img alt="Titulo" src="URLimagen4"/></a>

Buscador de Youtube en tu Blog





Con este código vamos a poder poner un buscador de youtube dentro de nuestra página así















Es muy sencillo y solo tenemos que utilizar este código en HTML
<center>
<form method="get" action="http://www.youtube.com/results" target="_blank">
<input type="text" name="q" size="40" maxlength="255" onfocus="if(this.value=='Buscar En Youtube') this.value='';" onblur="if(this.value=='') this.value='Buscar En Youtube';" value=
"Buscar En Youtube" style="color:#?--#ff0000--?; font-size: 12pt; border: 1px solid #888888; background-color: #ffffff" /> <input type="hidden" name="hl" value="es" /> <input name="btnG"
value="Buscar" type="submit" style="color: #ffffff; font-size: 11pt; border: 1px solid #888888; background-color: #000000" />
</form>
</center>

Buscador de Google


Mira este diferente estilo de buscador de Gogle para ponerlo en tu Blogy Blogger




















El código que tenemos que usar es este
<center>
<form method="get" action="http://www.google.com/search" target="_blank">
<input type="text" name="q" size="40" maxlength="255" onfocus="if(this.value=='Buscar En Google') this.value='';" onblur="if(this.value=='') this.value='Buscar En Google';" value=
"Buscar En Google" style="color: #?--#ff0000--?; font-size: 12pt; border: 1px solid #888888; background-color: #ffffff" /> <input type="hidden" name="hl" value="es" /> <input name="btnG"
value="Buscar" type="submit" style="color: #ffffff; font-size: 11pt; border: 1px solid #888888; background-color: #000000" />
</form>
</center>

Musica en tu Blog


Soundzit es una página web que nos permite poner música en nuestro blog extrayéndola de los vídeos de Youtube.

musica blogger

Es tan sencillo como buscar el artista o canción que queramos para posteriormente copiar el código que nos faciliten y pegarlo en nuestro blog.


¡Pruébalo! ¡Clica en play!

Si tienes problemas para utilizar este magnífico recurso no te preocupes porque te voy a explicar paso a paso cómo emplearlo para que puedas disfrutar de él en tu blogspot.

1) Una vez estés dentro de la página baja un poco hasta encontrarte con el buscador de música.


2) Selecciona la canción que quieras y clica en el símbolo play:


3) A la derecha te aparecerá el siguiente texto que te ofrecerá la posibilidad de exportar la canción a tu blog:


4) Clica en "Exporta esta canción..." y te aparecerá el código que deberás copiar para posteriormente insertar en tu blog.


5) Ahora dirígete al panel de Blogger y en él ves a Diseño->Elementos de página->Añadir un gadget->HTML/Javascript. Allí pega el código anterior y ya tienes todo listo para disfrutar de música en tu blog.


Crear un Banner con FlashVortex


Si no sabes cómo hacer un banner puedes seguir los pasos que os expliqué hace ya un tiempo en "hacer un banner que rota" o fabricarte uno tú solito gracias a Flashvortex.

crear un banner

Tienes muchos banners ya diseñados que podrás editar con el texto, colores y tipo de letra que quieras. Para poder editarlo haz clic en "Click here to edit this", texto que encontrarás debajo de cada banner.

Crear un banner

Cuando hayas configurado todos los parámetros a tu gusto obtendrás un código script que deberás poner en tu blog. Puedes optar por ponerlo en una entrada como haré yo a continuación, o puedes añadirlo en Diseño>Elementos de página>Añadir un gadget>HTML/Javascript.

Gadget Para Que Tus Visitantes Se Tomen Una Foto


Hoy vamos a hablar sobre un buen servicio que permite agregar un widget o gadget para Bloggerpara que tus visitantes y lectores puedan tomarse una foto con su webcam y aparecer en tu blog.

Trombiblog, es una página web que permite como gadget que tus visitantes se tomen una foto con su webcam y aparezcan en tu blog. Será tan sencillo como registrarnos en la página y configurar una serie de opciones para personalizar el gadget a nuestro gusto. Después se nos facilitará un código HTML que deberemos pegar en nuestro blog. Y no sólo eso, tus seguidores podrán valorar y comentar las fotos.

gadget fotos webcam visitantes blogger


Deberás copiar el código HTML que te faciliten e ir al panel de control de tu blog> Diseño> Elementos de página>Añadir un gadget>HTML/Javascript y pegarlo allí.

¿Por qué no te tomas una foto para probar?



Enlace Trombiblog
Visto en Genbeta.

Divertidos Textos para tu Blogger


Textanim es una aplicación web que sirve para hacer textos animados y divertidos que después podremos insertar en nuestro blog. Nos recuerda mucho a TextSpace, otra utilidad que nos servía para poner un texto de bienvenida en el blog; o FlashVortex, que nos permitía crear banners.





Lo bueno de Textanim es su capacidad de personalización y configuración, pudiendo insertar el texto o palabras que queramos, su tipo de letra (fuente), su tamaño, color de fondo, sombra, dirección de movimiento, textura, entre otros. Una vez hayamos diseñado a nuestro gusto el texto y letras que queramos deberemos pulsar en "Generate" y en pocos segundos obtendremos un código (clicando arriba en "Get the embed code") que deberemos insertar en nuestro blog yendo a Diseño > Elementos de página > Añadir un gadget > HTML/Javascript y pegar el código allí.


divertidos textos para blog


Sin duda, logaremos un efecto especial y divertido para decorar nuestro blogspot. ¿Te gusta? Recuerda que también puedes hacer un GIF para poner en tu blog.

Enlace | Textanim
Visto en Recursos en web - Crea divertidos textos animados con Textanim

Chistes para Tu Blog


¿Qué sería de un blog sin los queridos y amenos gadget? Esos pequeños addons que hacen de nuestro blog un lugar mejor y que en ocasiones lo convierten en un lugar divertido y afable al visitante. Pero cuidado, tampoco se trata de agobiar a tus visitantes con miles de ellos. Con un par de ellos será más que suficiente.




¿Te gustan los chistes? Si tu blog es el punto de encuentro de tus amigos, conocidos y extraños, qué mejor que alegrarles el día con uno. Si quieres añadirlo deberás seguir estos pasos:

1)Vamos a Diseño.
2) Elementos de página.
3) Haz clic en "Añadir un gadget" (en lugar que prefieras de tu plantilla).
4) Seleccionar HTML/Javascript.
5) Pega el siguiente código:

<iframe width="165" height="160" scrolling="no" src="http://pagina-del-dia.euroresidentes.es/chiste-del-dia/gadget-chiste-del-dia.php" frameborder="0"></iframe>

6) Clica en aceptar y ya has terminado. Disfruta de él y de lo que la tecnologia brinda a nuestras vidas y blogs.

Si quieres otros gadgets como éste, puedes encontrarlos en: Euroresidentes gadgets

¡Que lo disfrutes!

Videoconferencia con Justin

Los bloggers tenemos la virtud de ser unos apasionados por retransmitir nuestras ideas, pensamientos, expresiones o simplemente lo que nos apetezca en Internet. ¿Por qué no dejar por una vez el texto y convertirnos en videobloggers? Servicios como JustinTV nos permitenretransmitir online.

Para ello qué mejor que seguir un tutorial aportado como el amigo de Ciudad Blogger.

Justin TV


1) Entrar a Justin.tv
2) Crear una cuenta de usuario
3) Entra en tu canal de usuario
4) En las opciones para compartir encontrarás un código bajo el título "Integrado". Cópialo y pégalo en tu blog siguiendo la ruta: Diseño > Elementos de la página > Añadir un gadget > HTML/Javascript.



Sólo quedará que cuando quieras emitir hagas clic en el botón Emitir. ¿Preparado paravideobloggear?

Juego de Pacman en tu Blog


Hoy estamos jugones y queremos que sigas decorando tu blog con cientos de juegos de tu gusto. Como dije antes, Google tiene una web especialmente habilitada para tal menester. Miles de juegos, desde los clásicos de Pacman y cía hasta los más novedosos de juegos de Dora y juegos de Phineas y Ferb. Jugando todo vale, siempre que pasemos un agradable momento disfrutando para olvidarnos de nuestros problemas. Por eso, te enseñaré a añadir uno de los juegos divertidosque considero en mi top:







Gadgets powered by Google



Para añadir el juego de Pacman debes seguir estos pasos, sencillos y directos;


1) Ves a Diseño
2) después a Elementos de página
3) Clica en Añadir un gadget -> HTML/Javascrpt
4) Copia y pega el siguiente código:



<script src="http://www.gmodules.com/ig/ifr?url=http://www.schulz.dk/pacman.xml&amp;up_LANG=es&amp;synd=open&amp;w=320&amp;h=420&amp;title=&amp;lang=es&amp;country=MX&amp;border=%23ffffff%7C3px%2C1px+solid+%23999999&amp;output=js"></script>



Para cambiar el tamaño debes modificar el w=320 (windth = ancho) y el h=420 (height = altura).


También puedes optar por colcar el juego en una entrada tal y como he hecho yo. Deberás hacer lo mismo exactamente pero desde el cuerpo de una entrada en lugar de un gadget de la sidebar.







Contador de Visitantes Online

Seguramente muchas veces han visto un contador como el que esta a la izquierda por muchos otros blogs opaginas web, pues bien su función es decirte cuantas, en este momento, personas estan en tu blog, además posee estadisticas más especificas si es que clikas en ella, la verdad es muy facil de instalar, si quieres uno dirigete hacia el siguiente link Whos Amung allí te dara un código HTML que podrás insertar en tu blog, tan simple y sencillo como eso, no necesitas ni registros ni nada, pero si no crees que el widget no es muy estético también podrás encontrar diferentes modelos aqui whos.amung showcase, espero que les halla ayudado hasta la proxima


Actualización: la página les dá el código y ustedes lo insertan en su blog desde "diseño" -> "añadir gadget" -> "Html/javascript" y guardan.
MUY FACIL.

Translate Blog

 

Sample Text





















AVISO
Hola "Bienvenidos" gracias por visitarnos aqui podras encontrar variedad en trucos para tu blog...