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:

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:

Redireccionar a una parte de la web

Muchas veces queremos redireccionar a una parte de una página, es decir, a una altura determinada. Un claro ejemplo es el índice de Wikipedia, en el cual al clicar uno de los apartados nos lleva a él (en éste caso es en la misma página, pero podemos redireccionar a una parte de otra también). Lo podemos usar además para los populares botones "Volver arriba" o "Ir al cielo" (En Taringa).

Es muy sencillo de hacer, necesitaremos la etiqueta html "<a>" y los atributos "name" y "href" (Ver etiquetas y atributos)

El primer código lo insertaremos donde queramos que dirija el link.

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:

Índice de entradas

Encontré un Script de como hacer un Índice de entradas en los blogs de blogger creado por el creador de Ciudadblogger.
El ejemplo lo podemos ver Aquí.
El código es el siguiente. Podremos ponerlo en una nueva página si queremos:

<script src="http://dl.getdropbox.com/u/647003/CiudadBlogger/Scripts/tableindex.js">
</script>
<script src="http://www.todosobreinternt.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc">
</script>

Simplemente cambiamos el texto rojo por la URL de nuestro blog.
Ordena las entradas según las etiquetas que hayamos puesto en ellas. A demás pone un aviso "Nuevo!" en las entradas creadas recientemente. Espero que os guste. Un saludo!

Cambiar imagen al pasar ratón

Ejemplos:


Éste código sirve para cambiar una imagen al pasar el cursor por encima. El código es este:

<img src="URL Imagen Estado 1" onmouseover="this.src='URL Imagen Estado 2';" onmouseout="this.src='URL Imagen Estado 3';" />

Texto pestaña en movimiento

Muchas veces entramos en webs y vemos que el texto de la pestaña está en movimiento (ejemplo aquí). Buscamos y nos ponen que con una simple marquesina en html <marquee>Título</marquee> sirve. Pero luego da problemas ya que muchos exploradores no lo ven.
Ahora con este código en javascript podremos hacerlo sin problemas. En blogger vamos a Plantilla > Edición HTML (el paso anterior nos lo saltamos para otras webs) y buscamos (Ctrl+F) </body> justo antes de ésa etiqueta pegamos éste código:

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:

Agrandar las imágenes al pasar el ratón

He encontrado éste código que tenía perdido en un documento que llevaba años sin abrir. Sirve para hacer una imágen pequeña y que al pasar el ratón se agrande. Muy útil para imágenes que queramos poner en espacios pequeños (como en las barras laterales). O simplemente por ahorrar espacio. No me acordaba de como funcionaba así que he estado probando para ver como funcionaba.

<img src="URL de la imagen" onmouseover="this.width=N;this.height=N;" onmouseout="this.width=N;this.height=N;" width="N" height="N" />

URL de la imagen -> sustituimos ésto por el link donde hayamos alojado la imagen.
width=N -> ancho de la imagen al agrandarla (al pasar el ratón).
height=N -> alto de la imagen al agrandarla (al pasar el ratón).
width=N -> ancho de la imagen pequeña.
height=N -> alto de la imagen pequeña.

Tendremos que modificar los valores N para acomodarlo a nuestra imágen.

Quedaría algo así:

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)

Mensaje al Entrar y al Salir del Blog.

En esta entrada os voy a enseñar dos codigos html, uno sirve para que cuando entremos al blog, nos aparezca un mensaje de bienvenida, y el otro es un mensaje de despedida.
Para el mensaje de bienvenida al abrir el blog, solo tenemos que cambiar la etiqueta <body> del código html

Botón para añadir Pagina a Favoritos

Os voy a enseñar un códigos que sirve para poner un botón para añadir la página que queramos a favoritos,
Dependiendo del navegador que usemos, tendremos que usar un código u otro:

Como hacer un banner

Un banner es un anuncio de una web. Es una imágen que al clicarla redirige al que lo ha hecho a nuestro espacio. Podemos ponerlo en foros, o convencer a otras webs para que nos pongan allí. Todo con el propósito de recibir más visitas.
El código es muy sencillo

<a href="URL DE DESTINO"><img src="URL DE LA IMAGEN" ></a>

El ejemplo que he hecho para Todo Sobre Internet es éste:



El código sería así:

<a href="http://t0d0s0br3int3rn3t.blogspot.com/"><img src="http://i42.tinypic.com/25tkpz4.png" ></a>

Botón para ponerse de Página de Inicio nuestro blog

El siguiente código es para poner un botón, para que la gente se ponga de página de inicio nuestro blog de una manera mas cómoda:

<a href="#" onClick="this.style.behavior='url(#default#homepage)';this.setHomePage('AQUÍ
PON TU URL');return false;">Pon esta web como tu página de Inicio...</a>

El resultado sería algo así:

Pon esta web como tu página de Inicio...

Este botón solo funciona con Internet Explorer.