Tetris en tu Web

Si estas buscando el Gadget de Tetris para tu Web, llegaste al lugar indicado, uno de los juegos mas populares del mundo llega a este Blog gracias a Absolutist.com.

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="500" height="380">
<param name="movie" value="http://absolutist.com/online/tetris/tetris.swf" />
<embed type="application/x-shockwave-flash" src="http://absolutist.com/online/tetris/tetris.swf"
width="500" height="380"
pluginspage="http://www.macromedia.com/go/getflashplayer" />
</object>

Copiando este Código en tu web tendrás un Juego Online gratis muy bueno, Disfruta de Tetris y prueba hasta que Nivel llegas.

Leer más...

Mascotas 3: Llego la Navidad con Pingüinos

Vuelvo con Otra mascota de ABowman Especial para la época que se avecina, son unos pingüinos que caminan en el Helado polo norte siguiendo tu Mouse y lo puedes agregar a tu web o blog muy fácilmente solo copiando el código, para que tu pagina se contagie con la Navidad, Claro que si eres un Linux Lover lo podrías dejar todo el año xD.

Pruébalo:



Código:

<object type="application/x-shockwave-flash" style="outline:none;" data="http://penguinsgadget.googlecode.com/svn/trunk/penguins.swf?" width="300" height="200"><param name="movie" value="http://penguinsgadget.googlecode.com/svn/trunk/penguins.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>

Leer más...

Botón Me Gusta de Facebook

Facebook es una gran Herramienta para compartir tu pagina web, por eso hace algún tiempo ya hize una entrada sobre como diseñar un Cuadro Me gusta de facebook, ahora voy a indicarles como hacer un Botón, lo cual es un poco diferente ya que no necesita crear una página como el anterior.

Primero ingresa Aquí, como puedes es un asistente muy bueno y fácil de usar, lo mas importante es que puedes ver que no pide "Facebook Page Url" como la Caja de Me Gusta, simplemente pide "Url To Like", En el cual puedes ingresar el Url que Tu desees (No solo Fanpages de Facebook, por lo cual te evitas el paso de crearla), ahora una vez ingreses la Url de tu Página, Blog o Sección del mismo puedes cambiar las opciones que quieras como el color, tamaño y fuente, ahora presiona el Botón "Get Code" y listo copias toda la sección del IFrame y la pegas en el lugar de tu web que mas desees.

Puedes agregar Like Buttons ilimitados si quieres para cada una de las Url de tu pagina.

Pruébalo:

Código:

<iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Ftrucosw3.blogspot.com&amp;layout=standard&amp;show_faces=true&amp;width=450&amp;action=like&amp;colorscheme=light&amp;height=80" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:80px;" allowTransparency="true"></iframe>

Y ya con eso tienes un Botón de "Me Gusta" para tu Url.

Leer más...

Nombre del Sistema Operativo

Como ya he mostrado antes se puede obtener mucha información del Cliente o Usuario de tu Página web o Blog como: Ip y Nombre del Navegador, entonces por que no obtener el nombre del SO, con JavaScript es muy fácil:

Pruébalo:

Código:

<script language="JavaScript">
var OSName="Sistema Desconocido";
if (navigator.appVersion.indexOf("Win")!=-1) OSName="Windows";
if (navigator.appVersion.indexOf("Mac")!=-1) OSName="MacOS";
if (navigator.appVersion.indexOf("X11")!=-1) OSName="UNIX";
if (navigator.appVersion.indexOf("Linux")!=-1) OSName="Linux";
document.write('Su Sistema Operativo es: '+OSName);
</script>

Y listo, ya puedes mostrar el sistema operativo en tu pagina web.

Leer más...

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.

Leer más...

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.

Leer más...

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">
<!--
function mouseDown(e) {
 if (parseInt(navigator.appVersion)>3) {
  var clickType=1;
  if (navigator.appName=="Netscape") clickType=e.which;
  else clickType=event.button;
  if (clickType!=1) {
   alert ('Right mouse button is disabled.')
   return false;
  }
 }
 return true;
}
if (parseInt(navigator.appVersion)>3) {
 document.onmousedown = mouseDown;
 if (navigator.appName=="Netscape")
  document.captureEvents(Event.MOUSEDOWN);
}
//-->
</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:

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.

Leer más...

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&amp;xt=1&amp;xw=200&amp;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.

Leer más...

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.

Leer más...