Gadget Hazte fan Facebook

Éste es un gadget muy útil para promocionar tu página de facebook de tu web, en tu web. La imágen es la siguiente, y por defecto se coloca abajo a la derecha.

<a href="http://www.facebook.com/pages/Todo-Sobre-InternT/257336950988270" style="bottom: 0px; display: scroll; position: fixed; right: 0px;"><img src="http://i50.tinypic.com/20fbvon.png"/></a>

En el código Rojo ponemos la URL de nuestra página (a ella iremos al clicar el botón)
Los números Azules son la posición del gadget flotante en la pantalla. El primero en el eje vertical, el segundo en el horizontal.

El código me lo dio un amigo, pero le he añadido que al pincharlo se abra en página nueva (para que no salgan de nuestra página al clicarlo) y que esté por el medio del lado derecho (como en ésta página)

<a href="http://www.facebook.com/pages/Todo-Sobre-InternT/257336950988270" target="_blank" style="bottom: 500px; display: scroll; position: fixed; right: 0px;"><img src="http://www.axesoelite.com/foro/images/hazte-fan_facebook.png"/></a>

Traductor para webs banderas animadas

Clic aquí si no sabes añadir gadgets!

Éste es un traductor para webs que tiene una bandera animada para cada idioma al que puedes traducir el sitio donde lo pongas.

Los idiomas disponibles son inglés, francés, alemán, español, italiano, holandés, ruso, portugués, japonés, coreano, arábigo y chino simplificado.

El código es el siguiente:

way2blogging

www.way2blogging.org es una web dedicada a enseñarnos a incluir gadgets en nuestros blogs. En éste blog iré poniendo algunos para que tengáis más fácil acceso:

Gadget comentarios recientes

Gadget Comentarios recientes

Se trata de los últimos comentarios de nuestro blog (ya sean en entradas o en páginas de comentarios). Al pulsar el nombre del comentario (Anonymous, Iván, Artime95...) iremos a donde está ubicado en la web.

Hace poco que lo inserté en Todo Sobre InternT y os enseño como lo hice por si os gusta y lo queréis para vuestros blogs.

Podremos obtenerlo en la web way2blogging en éste apartado.

Rellenamos todo lo que pide a nuestro gusto y pulsamos "Generate". Después en el botón que pone "Add to blogger" y lo colocamos donde queramos.
Espero que os guste, una saludo!

Gadget Most Popular

Éste gadget le podemos encontrar en la misma web que el gadget Quizás te interese. El proceso de implementación es prácticamente el mismo.
Aparecerán una imágen por cada entrada más visitada (y debajo el título y el número de visitas)
Para implementarlo: http://nrelate.com/install-products/ (y hacemos clic en el segundo (Most Popular))

Gadget Quizás te interese

He añadido hace poco éste gadget al blog porque me pareció muy interesante. Se trata de que debajo de cada entrada se muestran otras entradas relacionadas (por etiquetas y contenido), con una imágen perteneciente a esa entrada (si no tiene se le asignara una al azar). Al pasar el ratón sobre cada una cambian lo que le añade un aspecto más llamativo.

Botón Volver Arriba

En algunas webs y foros podemos encontrar un botón abajo que pone Volver arriba (conocido también por "Ir al cielo", en Taringa), y al pulsarlo nos lleva.
Si quieres poner flechas quizás te interese:
Flechas "arriba-abajo"

Flechas "arriba-abajo" (efecto deslizante)

También podemos redireccionar a una parte en concreto de la página.

Lo más sencillo sería ésto:

widgeo.net

En ésta web podemos crear algunos gadgets en código javascript (algunos con animación flash)  muy útiles para nuestras webs. Rellenamos y seleccionamos los parámetros que nos pide y clicamos en "I accept policies" y después en "Get Widget".
Nos dará un código, que incluiremos donde queramos que aparezca el gadget. Lo que podemos crear es:

Gadget flotante

Una de las cosas que más llaman la atención de los visitantes a nuestra web son los gadgets flotantes, para quién no sepa lo que es, son los que al mover el scroll del explorador, quedan fijos en la pantalla y da la sensación de que "flotan" encima de la web. Para poder crearlos usamos un código javascript y lo añadimos en cualquier parte de la web (preferiblemente abajo del todo) o en el código HTML de la web.
En esta web tenemos algunos como el contador de visitantes online de whos amung , el de "deja un comentario" con la imágen de homer y algunos más.
El código es el siguiente:

<a
style="display:scroll;position:fixed;bottom:0px;right:100px;"href="URL
DE DESTINO"><img src="URL IMÁGEN" /></a>

Estoy investigando como poner uno que sea un botón, y al pulsarlo se despliegue un gadget, y que al volver a pulsarlo se recoja de nuevo para que no estorbe.

Un saludo!

Imágen "Añade éste gadget en tu web!"

Ayer en un rato de aburrimiento (para variar) se me ocurrió hacer una imagen que pusiera "Añadir este gadget en tu web" para ponerlo debajo de los gadgets que tengo por el blog, para que si os gusta, no tengáis que andar buscando cómo hacerlo, sino que simplemente cliquéis en ésta imagen y vayáis a la entrada del blog donde lo explico. Voy a enseñaros como hacerlo por si lo queréis para vuestras webs.
Es un HTML sencillo, donde damos una url de destino a una imágen:

Botones Twitter Facebook

Hoy se me ha ocurrido hacer unos botones grandes para redireccionar a mi perfil en twitter y facebook, las imágenes que había en Internet eran un poco grandes para ponerlas en la columna lateral, así que las he reducido y he "creado" un código para que las podáis agregar a vuestras webs también. (SI QUIERES DARLES EFECTO BRILLO AL PASAR EL RATÓN VE AL FINAL DE LA ENTRADA)

     

Chat Chatango

Los chats de ésta web son muy útiles, tendremos nuestra red de chateo en nuestra web con múltiples funcionalidades (reproducción de vídeos en el mismo chat, reconocimiento de urls...), a demás de poder integrarlo perfectamente con el diseño de nuestro espacio.
Primero vamos a chatango.com, ahora pulsaremos en Get a private one on one chat (o clicamos directamente desde aquí).
Elegimos las características del chat que queremos y cogemos el código que nos pone después de
"Here is your HTML code:Copy and paste this code into your webpage to have your very own Chatango mini:"

Agregamos un gadget en nuestro blog y lo copiamos (clic Aquí si no sabes como añadir un gadget)

Centrar gadgets

Muchas veces cuando ponemos un gadget (o widget) html o javascript en nuestros blogs, se alinean a la izquierda y quedan bastante feos, sobre todo los que están en las partes superior e inferior del cuerpo.

Clic para ampliar

Gadget Horas Restantes del Día

Este Gadget es para mostrarnos las horas que le faltan para que se termine el día, para añadir este gadget solo tendremos que ir a añadir gadget html o javascript y copiar el siguiente código y pegarlo ahí.
Así es como quedaría la cuenta atrás:

Entradas y comentarios totales para blogs

He encontrado un código bastante útil por Internet, consiste en un script junto con texto que muestra las entradas y comentarios de nuestro blog. Lo he modificado un poco para que podáis cambiar el color y el tamaño de las letras y números

Entradas:
Comentarios:

Éste es el código:

Gadget Deja un comentario

Éste es el código del gadget flotante "Deja un comentario". Flotante significa que aunque te muevas por la página se quedará en la posición de la pantalla que nosotros le indiquemos.
El código que tenemos que añadir es éste:

<a href="http://t0d0s0br3int3rn3t.blogspot.com/p/comentarios-y-sugerencias-acerca-del.html" style="bottom: 0px; display: scroll; position: fixed; right: 0px;"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNBOiDpj3MpxCrd8A912v-ZnkvGohImXfB9Rg3rQcu_JgKomw-Mz2w4ZRHenSM6ROSXJ-A77PQd_iikRM4IhqHQinNCFuz_GK2i-N3_aD9CNnsUhLqk_hilU_bmoILIvNOsE-nN1uxMkk/s1600-r/Deja+un+comentario+homero.png" /></a>

Si no sabes añadir un gadget ve a la entrada: Como añadir gadgets

En el código azul pondremos la página a la que queramos que dirija la imagen al clicarla (en mi caso la página de comentarios del blog).

Botónes +1 Google y Me gusta Facebook

En ésta entrada os voy a enseñar como poner éstos botones en vuestras webs.

Nueva sección: Gadgets

He creado ésta nueva sección porque dentro de Modificación de páginas web ya eran bastantes las entradas dedicadas a gadgets. Espero poder reunir todos los que pueda, si tenéis alguna duda sobre lo que es un gadget o sobre como añadirlo a vuestro sitio, Hacer clic Aquí.
Un saludo!

Como añadir Gadgets

En este mundillo llamamos gadget a todo aquel gráfico funcional, es decir, una representación visual que tiene como objetivo cumplir una función específica (contadores, reproductores de música, botones, buscadores...), a veces también llamados widgets.

Generalmente están formados en HTML , aunque podemos encontrarlos en otros lenguajes

Para añadir un nuevo gadget en Blogger, vamos a Diseño> Añadir nuevo Gadget

Clica la imágen para ampliar

Cámara de vigilancia

Click para ampliar

Simpático Gadget en forma de cámara de vigilancia que se mueve de un lado a otro, podemos equiparla un link para que al clicarla, nos dirija allí (por lo demás no sirve para mucho, simplemente, de adorno). Clic Aquí si no sabes añadir un gadget.