W3 Tricks - Tu Sitio de Trucos Web: octubre 2010

28.10.10

Video Poker para tu Web

Así como lo escuchas, gracias a Absolutist tenemos un Widget de videopoker para que lo agregues en tu Blog o Web muy fácilmente, y así puedas jugar muchas horas (sin perder un centavo), emula las maquinas de casino en la cual seleccionas tu apuesta, te dan 5 cartas y tienes que lograr la mejor combinación descartando las que no te sirven.

Pruébalo:

Código:

<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" height="380" width="500">
<param name="movie" value="http://absolutist.com/online/poker/pocker.swf" />
<embed type="application/x-shockwave-flash" src="http://absolutist.com/online/poker/pocker.swf"
width="500" height="380"
pluginspage="http://www.macromedia.com/go/getflashplayer"></embed>
</object>

Puedes ajustar (como yo lo hice) el ancho y alto en width y height respectivamente.

y Disfruta este juego en tu propia web, puedes practicar poker y tus usuarios también.

Botones de Avanzar y Retroceder con JavaScript

Un truco muy sencillo pero muy útil, si deseas que el usuario pueda avanzar y devolverse, ir hacia atrás y hacia adelante es muy fácil con JavaScript.

Pruébalo:

Retroceder: Avanzar:

Código:

Retroceder: <input type=button value="Atrás" onClick="history.back()">
Avanzar: <input type=button value="Adelante"onClick="history.forward()">

Como vez es muy fácil solo debes agregar el evento onClick="history.back()" y "history.forward()" y lo puedes agregar a cualquier etiqueta por ejemplo:

en una celda en <td onClick="history.back()"> Atrás </td>
en una imagen en <img src="tu url de imagen" onClick="history.back()" />
etc..

Te recuerdo que este código te devuelve o adelanta en el historial del navegador, por lo cual no sirve para volver al home o inicio de tu pagina, si tienes el url ve hacia el por que ir hacia atrás te puede devolver a un buscador u otro enlace.

27.10.10

Deshabilitar el Menú del Click Contrario

Cuando das click con el botón derecho Aparece un menú contextual, si quieres que este no aparezca solo tienes que agregar los siguientes códigos:

En los nuevos navegadores se agrega el evento oncontextmenu false en la Etiqueta Body

Código:
<body oncontextmenu="return false;">

Pero si quieres validar también esto para Navegadores viejos por ejemplo los menores a Internet Explorer 5 copia el siguiente código en la cabecera del documento, o sea entre <HEAD> y </HEAD>

Código:

<script language="JavaScript">

</script>

Como puedes ver no lo pude probar en todo el Blog ya que no puedo cambiar el Head ni el Body, pero te aseguro de que funciona y bloquea el menu en toda tu Web. Pero si quieres puedes evitar que salga el menú contextual en ciertas etiquetas como por ejemplo las imágenes para que no las puedan copiar, para esto se debe agregar el evento oncontextmenu como en el código del body.

Pruébalo:

Presiona Click Derecho

Código:
<img oncontextmenu="return false;" src="url de imagen" title="Presiona Click Derecho" />

Solo cambia El Url y el Title de "presiona click derecho" y listo no podrán dar click a tus imágenes, Espero que este truco te sea de gran utilidad.

Localizar Ubicación de Ip en el Mapa

Hace poco publique una Entrada para Obtener el ip con Javascript, pero si quieres conocer el país y la ciudad e inclusive mostrar la ubicación de la Ip en un Google Map, Geoiptool nos puede ayudar con un widget o gadget muy bueno.

Pruébalo:

Código:

<script language="JavaScript" src="http://www.geoiptool.com/webjs.php?xl=es&xt=1&xw=200&xh=275">

</script>
<noscript><a href="http://www.geoiptool.com/" target="_blank">Geo Web Tool</a></noscript>

Aparece directamente con la Ip del usuario, salvo algunas veces que no carga completamente y aparece en algún otro lugar como áfrica, y tiene un buscador de Ip en un Mapa muy útil.

25.10.10

Tu propia Sala de Chat

Si deseas tener una Ventana de Chat para tu Web o Blog para comunicarte con tus usuarios, Xat es una muy buena opción, ya que lo puedes personalizar como tu quieras, tiene muchos emoticonos y lo agregas solo copiando el código resultante.

Debes entrar a Make a Chat Box, una vez ahí puedes seleccionar el Fondo y el Tamaño, y listo abajo en "Embed Code" tienes el código para pegar en tu blog o web.

Un poco mas abajo puedes encontrar otras opciones, las cuales son para el control de los usuarios y grupo, por defecto este ofrece mucha libertad ya que permite a cualquier usuario y cualquiera se puede registrar, si no deseas esto explora mas a fondo tus opciones.

Mas abajo todavia en "edit chat box later" tienes el enlace para volver a editar tu sala de chat para realizarle cualquier cambio, te recomiendo que guardes ese Url .

Pruébalo:

Get your own Chat Box! Go Large!

Código:

<img style="visibility:hidden;width:0px;height:0px;" border=0 width=0 height=0 src="http://counters.gigya.com/wildfire/IMP/CXNID=2000002.0NXC/bT*xJmx*PTEyODgwNTAxNzc3MzgmcHQ9MTI4ODA1MDUwNTQyOSZwPTUzMTUxJmQ9Jmc9MSZvPTYzZGM5YTNlZGU1NjQ2ZTI5M2E1/OTRmY2ZkYzRlNmM1.gif" /><embed src="http://www.xatech.com/web_gear/chat/chat.swf" quality="high" width="400" height="300" name="chat" FlashVars="id=119184846" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://xat.com/update_flash.shtml" /><br><small><a target="_BLANK" href="http://xat.com/web_gear/?cb">Get your own Chat Box!</a> <a target="_BLANK" href="http://xat.com/web_gear/chat/go_large.php?id=119184846">Go Large!</a></small><br>

Importante: Este es mi código de Mi propia sala de Chat, si lo copias en tu web te aparecerá mi sala de chat, por eso sigue todos los pasos y crea tu propio código ya que no toma ni 5 minutos.

Y a chatear se ha dicho.

24.10.10

Obtener Ip con JavaScript

Seguramente has escuchado que no se puede Obtener la ip sin un lenguaje del lado del servidor como Php o Asp o inclusive dicen que no se puede usando solamente JavaScript sino con Java Enabled, pero esto no es cierto, de hecho con JSON (JavaScript Object Notation) es muy fácil de obtener, con solo agregar un script provisto por Appspot.com (Propiedad de Google) a tu pagina web o blog obtendrás el IP del usuario muy fácilmente.

Pruébame:

Código:

<script type="application/javascript">
function getip(data){
document.write('Tu ip es ' + data.ip);
}
</script>
<script src="http://jsonip.appspot.com/?callback=getip" type="application/javascript">
</script>

Puedes poner el código donde prefieras en Tu Página web o Blog y obtendrás la IP usuario, Fácil cierto?

21.10.10

Obtener el Nombre correcto del Navegador

Si deseas obtener y/o mostrar Datos de tus Visitantes como su Navegador y usas la variable de JavaScript navigator.appName te vas a encontrar con un par de errores, por ejemplo: si usas Google Chrome esta te va a decir que estas usando Netscape (para quien no lo conozca era un navegador extremadamente popular hasta que se volvió licenciado, y creo o supongo que el error en appName es por que Chrome tiene algunos fundamentos en dicho navegador), este truco lo aprendi hace ya algun tiempo en JavaScripter.net y le hice algunas modificaciones.

Pruébalo:

Código:

<script language="JavaScript">
var nVer = navigator.appVersion;
var nAgt = navigator.userAgent;
var browserName = navigator.appName;
var nameOffset,verOffset,ix;
var fullVersion = ''+parseFloat(navigator.appVersion);

if ((verOffset=nAgt.indexOf("MSIE"))!=-1) {
browserName = "Microsoft Internet Explorer";
}
else if ((verOffset=nAgt.indexOf("Opera"))!=-1) {
browserName = "Opera";
}
else if ((verOffset=nAgt.indexOf("Chrome"))!=-1) {
browserName = "Chrome";
}
else if ((verOffset=nAgt.indexOf("Safari"))!=-1) {
browserName = "Safari";
}
else if ((verOffset=nAgt.indexOf("Firefox"))!=-1) {
browserName = "Firefox";
}
// para otros navegadores busca el nombre al final del userAgent
else if ( (nameOffset=nAgt.lastIndexOf(' ')+1) < (verOffset=nAgt.lastIndexOf('/')) )
{
browserName = nAgt.substring(nameOffset,verOffset);
fullVersion = nAgt.substring(verOffset+1);
if (browserName.toLowerCase()==browserName.toUpperCase()) {
browserName = navigator.appName;
}
}
if ((ix=fullVersion.indexOf(";"))!=-1) fullVersion=fullVersion.substring(0,ix);
if ((ix=fullVersion.indexOf(" "))!=-1) fullVersion=fullVersion.substring(0,ix);

document.write('navigator.appName : '+navigator.appName+'<br>');
document.write('Navegador : '+browserName+'<br>');
document.write('Versión : '+fullVersion+'<br>');

document.write('Tu navegador es : '+browserName+' '+fullVersion+'<br>');
</script>

Explicación: Lo que hace este código es Buscar mediante IndexOf la existencia del nombre del explorador en la variable navigator.userAgent, tambien corta la variable navigator.appVersion ya que viene con otra información.

Importante: Para tu web puedes quitar los 3 primeros document.write, ya que estos son solo para que compares aquí y veas las variables.

Este código lo puedes pegar donde quieras que aparezca la información y listo solucionado el problema del nombre del navegador.

Juego de Fútbol con Robots

Aquí tienes un juego, a mi parecer Muy bueno, para divertirte y agregar a tu blog o web, llega a nosotros gracias a Absolutist.com y Se trata de un Campo de fútbol en el cual se encuentran dos robots a ruedas, uno eres tu y el otro el computador, los cuales golpean la bola esperando marcar en el arco rival.

Los controles: puedes usar las flechas del teclado para controlarlo Arriba y abajo controlan la velocidad, izquierda y derecha controlan la dirección, pero te recomiendo que para cambiar dirección mejor uses el mouse va hacia donde presiones un click, Toma su tiempo acostumbrarse a manejar el robot pero igual el juego es muy fácil.

Pruébalo:

Código:

<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000"

codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0"

width="640" height="480">

<param name="movie" value="http://absolutist.com/online/football/soccer.swf" />

<embed type="application/x-shockwave-flash" src="http://absolutist.com/online/football/soccer.swf"

width="640" height="480"

pluginspage="http://www.macromedia.com/go/getflashplayer" />

</object>

Importante: puedes controlar su tamaño cambiando las propiedades Width (Ancho en Pixeles) y Height (Alto en Pixeles) en las etiquetas Object y Embed para hacer una versión mas pequeña o mas grande según tu prefieras y donde lo quieras ubicar, como en mi caso que cambie la ventana a 450x337 que tiene la misma proporción.

Disfruta este juego y marca muchos goles!

19.10.10

Mascotas II: Hallowen

El creador de gadgets ABowman tiene mas mascotas, ahora nos sorprende con unas mascotas particulares que bien podrían servir para tu blog o web en esta época de hallowen

Primero, un sapo que estira su larga lengua para comerse cuanto mosco le pongas.

Pruébalo:

Código:

<object type="application/x-shockwave-flash" style="outline:none;" data="http://hosting.gmodules.com/ig/gadgets/file/112581010116074801021/treefrog.swf?" width="300" height="200"><param name="movie" value="http://hosting.gmodules.com/ig/gadgets/file/112581010116074801021/treefrog.swf?"></param><param name="AllowScriptAccess" value="always"></param><param name="wmode" value="opaque"></param><param name="scale" value="noscale"/><param name="salign" value="tl"/></object>

También (Para los aracnófobos) una araña muy bien realizada, que persigue tu cursor,

Pruébalo:

Código:
<object type="application/x-shockwave-flash" style="outline:none;" data="http://hosting.gmodules.com/ig/gadgets/file/112581010116074801021/spider.swf?" width="300" height="200"><param name="movie" value="http://hosting.gmodules.com/ig/gadgets/file/112581010116074801021/spider.swf?"></param><param name="AllowScriptAccess" value="always"></param><param name="wmode" value="opaque"></param><param name="scale" value="noscale"/><param name="salign" value="tl"/></object>

Siempre recomiendo que Adecuen su página o blog a las Fechas Especiales como esta que se acerca, con un cambio temporal de Colores, de Iconos o agregando uno que otro Truco como el que les acabo de mostrar, por que esto atrae a más Visitantes y ademas a tus visitantes frecuentes les da la agradable sensación de que tu web esta siempre Actualizada.

17.10.10

Mascotas para tu Web

Para quienes están tanto tiempo en la red que prefieren una mascota virtual que una real nuestro amigo ABowman a creado unos widgets de animales muy bien elaborados que puedes agregar a tu página web o blog.

El Primero es un Hamster que esta corriendo en su rueda, pero dale de comer para que no se canse.

Pruébalo:

Código:

<object data="http://hosting.gmodules.com/ig/gadgets/file/112581010116074801021/hamster.swf?" height="225" style="outline: none;" type="application/x-shockwave-flash" width="300"><param name="movie" value="http://hosting.gmodules.com/ig/gadgets/file/112581010116074801021/hamster.swf?">
</param>
<param name="AllowScriptAccess" value="always">
</param>
<param name="wmode" value="opaque">
</param>
</object>

Y si te gustan los peces, aquí tienes una pecera con 5 amigos que atraviesan a cualquiera por comida:

Pruébalo:

Código:

<object type="application/x-shockwave-flash" style="outline:none;" data="http://hosting.gmodules.com/ig/gadgets/file/112581010116074801021/fish.swf?" width="300" height="200"><param name="movie" value="http://hosting.gmodules.com/ig/gadgets/file/112581010116074801021/fish.swf?"></param><param name="AllowScriptAccess" value="always"></param><param name="wmode" value="opaque"></param><param name="scale" value="noscale"/><param name="salign" value="tl"/></object>

Pdt, si pasas mucho tiempo en frente del computador procura no olvidar a la mascota real que tengas en casa y dale de comer que debe tener hambre :).

15.10.10

Terremotoooooo!

Si, tu puedes hacer que se mueva todo el Explorador, justo como un terremoto, se sacudirá tu pantalla de arriba a abajo y de lado a lado por unos segundos gracias a JavaScript, este truco lo aprendí en The Javascript Source y lo he modificado para Ustedes, con este Script puedes jugarle una broma a tus usuarios o usarlo para un sitio temático de temblores o juegos etc...

Pruébalo:

Código:

Primero el Script, este puedes colocarlo en cualquier parte, aunque recomiendo que siempre lo coloques en el <HEAD> del documento, aunque hacer esto en un Blog es muy complicado, yo por eso lo agregue directo al inicio de la entrada en el Html y funciona:

<script language="JavaScript">

function shake(n) {

if (parent.moveBy) {

for (i = 5; i > 0; i--) {

for (j = n; j > 0; j--) {

for (k = 0; k <= 10; k++){

parent.moveBy(0,i);

parent.moveBy(i,0);

parent.moveBy(0,-i);

parent.moveBy(-i,0);

}

}

}

}

}

</script>

Ahora el Botón, este si lo puedes pegar donde quieras verlo:

<input onclick="shake(2);" type="button" value="Terremoto" />

No necesariamente tiene que ser un botón puedes agregarlo en cualquier etiqueta por ejemplo en una imagen:

Pruébame:

Terremoto!

Código:

<img border="0" onclick="shake(2);" src="ubicacion de tu imagen" style="cursor: hand;" title="Terremoto!" />

Lastimosamente este código tan divertido no funciona en todos los exploradores, creo que solo en Internet Explorer y otro par. Pero de todos modos que lo disfrutes!!

14.10.10

Mapa de Visitantes

Si ya tienes tu Web o Blog, seguramente tu proveedor te ofrece un sistema de estadísticas que te muestra unos listados de Información sobre tus Visitantes como su País de Origen, pero es mas interesante verlos en un Mapa que ademas puedes mostrar en cualquier parte de tu Web.

Pues bueno, mostrar un Mapa en tu Página web o Blog es muy sencillo gracias a ClustrMaps, entra en su web aquí y Registrate con tu URL y tu Email, Presiona el Botón "Crear mi Mapa" y listo tienes un Código básico para agregar en tu web de un Mapa.

Pero si quieres otro diseño debes entrar con tu Clave que ha sido enviada a tu Email con el cual te registraste por aquí, y ahí seleccionas todas las opciones que desees (Jejej aclaro, las opciones gráficas gratis son solo 2) y se generara un nuevo Código el cuál puedes pegar en cualquier parte de tu web, Este mapa de ClustrMaps no me ha presentado errores de compatibilidad de JavaScript como otros que ya e probado.

Pruébame:

Locations of visitors to this page

Código:

<a href="http://www2.clustrmaps.com/counter/maps.php?url=http://trucosw3.blogspot.com" id="clustrMapsLink"><img src="http://www2.clustrmaps.com/counter/index2.php?url=http://trucosw3.blogspot.com" style="border:0px;" alt="Locations of visitors to this page" title="Locations of visitors to this page" id="clustrMapsImg" onerror="this.onerror=null; this.src='http://clustrmaps.com/images/clustrmaps-back-soon.jpg'; document.getElementById('clustrMapsLink').href='http://clustrmaps.com';" />

</a>

Importante: Les recuerdo que este es Mi código exclusivo para W3 Tricks a modo de Ejemplo. Para obtener el código de su web debe registrarse, No funciona solo cambiar el Url, ya que al registrarse se guarda la información inicial en la Base de Datos de ClstrMaps y desde ahí comienza a contar las visitas, Igual es un proceso muy sencillo que solo tarda un par de minutos, pero el mapa se demora en crearse 1 día.

13.10.10

Agregar a Favoritos

Todos o la mayoría de nosotros como Publicadores web deseamos que nuestros lectores nos agreguen en Favoritos, ya que esto significa que estos usuarios pueden volver a nuestra página y con el tiempo y nuestro contenido se vuelvan lectores habituales.

Poner un enlace que ayude a los usuarios a Agregarnos a Favoritos es sencillo, lo voy a hacer con código JavaScript

Pruébalo:

Click para Agregar a Favoritos ó Presiona Ctrl+D

Código:
<a ref="javascript:window.external.AddFavorite('Tu Url','Tu Titulo');">Click para Agregar a Favoritos</a> ó Presiona Ctrl+D

Generalmente Agrego el "Presiona Ctrl+D" debido a que la Función AddFavorite lastimosamente solo funciona en Internet Explorer de Microsoft, a pesar de esto y debido a que es el Explorador más usado en estos momentos te puede servir mucho para ser agregado en Favoritos.

También se puede agregar en otras etiquetas mediante el Evento OnClick como en una imagen (aunque también podrías ponerle un <a> por fuera de la imagen y serviría). Ademas voy a agregarle el cursor de Mano para que se sobreentienda que es un Enlace.

Pruébame:

Agregar a Favoritos

Código:

<img border="0" onclick="javascript:window.external.AddFavorite('tu sitio','tu titulo');" src="ubicación imagen" style="cursor: hand;" title="Agregar a Favoritos" />

Así de fácil puedes guiar a tus usuarios a Agregar tu Página en Favoritos

8.10.10

Darse de Alta en los Buscadores

Si estas diseñando tu Página web o Blog es muy importante darte a conocer, en primera medida se logra compartiendo tu enlace con tus amigos mediante el email o el uso de Redes sociales, pero una vez hecho esto es muy importante que te des de Alta en los Buscadores como Google, Yahoo, Bing etc y en Directorios de Paginas web (Regionales, Especializados o cualquier otro). Por que se debe hacer esto? básicamente por que así se da a conocer tu pagina y tiene mas visitas, y esto trae el beneficio de que entre mas veces se encuentre enlazado el sitio mas subirá el Ranking de Tu pagina.

Excepciones: el CrossLinking Excesivo (Cruzar enlaces con otras paginas), en exceso no es bueno te recomiendo hacerlo con paginas serias y no miles :), tampoco se debe dar de alta tu enlace en paginas de dudosa procedencia o que usen métodos ilegales para subir el Rank, por que los buscadores anulan estos enlaces y de hecho algunos los penalizan.

Cabe aclarar que todos los buscadores o la mayoría tienen bots que van Buscando nuevas paginas, pero con tantas páginas puede que se tarden un tiempo en llegar a tu enlace, sobretodo si solo lo has compartido con un grupo pequeño de personas. Entonces, vamos a darnos de Alta, recuerda solo agregar el enlace principal de tu Sitio en mi caso http://trucosw3.blogspot.com/

Comencemos con Google

Dicen, Comentan, que no es bueno "autodarse" de Alta en Google, por que afecta tu PageRank en ese servidor, lo que quiere decir que aparecerás mas lejos en las búsquedas, pero yo no creo, por lo contrario creo que entre mas rápido te des de alta mas rápido puedes aumentar tu rank cuando busquen tu web. Sigue el enlace, escribe la dirección de tu web, los caracteres de validación y listo Google manda un bot a hecharle un ojo a tu pagina, puede tardarse un día o dos, inclusive se puede perder, pero casi nunca falla.

Darse de Alta en Google

Yahoo!
Date de Alta en el que fue el mas grande de su época, y aun tiene muchos seguidores. Sigue el enlace selecciona Submit a Website or Web Page, copia tu enlace y listo.

Darse de Alta en Yahoo!

Bing
Buscador de Microsoft, tiene bastantes seguidores, muy importante por que viene predeterminado en el navegador Internet Explorer. Sigue el enlace, escribe la dirección de tu web, los caracteres de validación y listo.

Darse de Alta en Bing

Directorios:
También es bueno compartir el enlace en páginas que son buscadores pero mas especializados, por ejemplo en el caso de W3 Tricks, directorios de Blogs, suelen darte de alta mas rápido que los buscadores, pero eso depende de cada directorio ya me e inscrito en unos cuantos, sigue el enlace que va directo al formulario de inscripción:

Blogalaxia.com
Sitiopedia.com
Blogsxl.com
BlogsColombia.com

Paginas Amarillas:
Estas varían según tu ubicación, y los productos que vendas o los servicios que prestes (son de carácter comercial por lo cual no sirve para una web informativa), aquí presento el enlace para darte de alta en las Paginas Amarillas de Publicar.

Paginas Amarillas

Por último si deseas recomendar o compartir mi blog acá esta el enlace en Html:

<a href="http://trucosw3.blogspot.com/">W3 Tricks - Tu Sitio de Trucos Web</a>

3.10.10

Juegos Clásicos

Vuelvo con juegos clásicos convertidos en gadgets para tu pagina web gracias a Neave Games:

Uno de los mas antiguos juegos entretenidos que existieron en el mundo, Viene desde el tiempo en el cual las "maquinitas" comenzaban a apoderarse del mundo, desde los finales mismos de la década psicodelica de los 70s y cuando ni siquiera D.O.S. existía, para los mas nostálgicos, una gran versión para web de Asteroides.

Pruébalo:

Asteroids made by Neave Games

Código:

<embed src="http://www.neave.com/games/get_game.php?swf=asteroids" name="neaveAsteroids" width="500" height="375" quality="high" pluginspage="http://get.adobe.com/flashplayer/" type="application/x-shockwave-flash" allowscriptaccess="always"></embed><p><a href="http://www.neave.com/games/">Asteroids made by Neave Games</a></p>

Un muy antiguo juego pero que renació y se volvió muy popular cuando comenzaron a aparecer los celulares monocromáticos o mas comúnmente llamados "flechas", este juego me remonta a la época del colegio en la cual no paraba de batir marcas con mi indestructible 5120 buscando los 5000 puntos por que según decía la leyenda urbana regalaban otro celular de la misma serie, aunque nunca nadie supo ni quien lo dijo ni si alguien reclamo un celular por este juego, el mismísimo culebrita o snake.

Pruébalo:

Snake made by Neave Games

Código:

<embed src="http://www.neave.com/games/get_game.php?swf=snake" name="neaveSnake" width="360" height="320" quality="high" pluginspage="http://get.adobe.com/flashplayer/" type="application/x-shockwave-flash" allowscriptaccess="always"></embed><p><a href="http://www.neave.com/games/">Snake made by Neave Games</a></p>

Este par de juegos los puedes ubicar en cualquier parte de tu pagina o blog, copiando los códigos que ubique debajo de cada juego en tu HTML, son muy buenos juegos y muy nostálgicos, disfrútalos!

Suscribirse a: Entradas (Atom)