Bienvenido a mi Página Web. Disfruta el contenido. Gracias por tu visita, espero que no sea la última

jueves, 20 de junio de 2013

BOTON DE DONACIONES PAYPAL

El interés de tener un botón de donaciones Paypal  es para darle el fortalecimiento en el soporte (en la mayoría de los  casos) a una empresa u organización. El crear este botón tiene como objeto la ayuda a partir de ciertos recursos para  el sostenimiento y mantenimiento de una pagina web de una organización y que se vea a partir del mejoramiento de la misma. Los pasos para crear este botón es el siguiente:

  •  Debes crear una cuenta paypal.
  •  Ingresa a  https://www.paypal.com/es/cgi-bin/webscr?cmd=_donate-intro-outside
  •  Presiona el texto donde dice Crear botón ahora.
  • Debes llenar los datos en las respectivas casillas tales como: Nombre de organización o servicio,  Id. de donación (opcional) Ver (figura 1).
  • El la opción de Personalizar texto o aspecto despliegas la pestaña y escoges la que mejor te convenga y el tipo de logo ó si tienes un logo personalizado. Ver (figura 1).

Figura 1.
  •  Seleccionas la divisa (Dólar, Euro,  etc.,) Ver (figura 2).
  • Seleccionas el tipo de importe (si deseas que los donantes introduzcan el monto que ellos deseen ó si es un cargo fijo). Ver (figura 2).
  • Introducir  el correo electrónico  de la organización. Ver (figura 2).
  • Seleccionar el icono Crear botón. Ver (figura 2).

Figura 2.
  • Copiar el código HTML y pegar en tu web.  Ver (figura 3).
Figura 3.
















lunes, 3 de junio de 2013

JUEGOS EN TU WEB

En cierto momento de nuestras vidas debemos entretenernos y divertirnos con algo, y que mejor que un juego y si es tu favorito sería genial. Hoy les voy a indicar 2 páginas de juegos tales como: 
1. http://www.miniclip.com, en esta página te recomiendo estos juego donde encontrarás diversidad de juegos.
http://www.miniclip.com/games/saloon-brawl/es/#t-c-f este juego se llama Saloon Brawl es un juego de un vaquero que se defiende dando puños con el que trata de golpearlo, es muy bueno. Como primer paso debes dirigirte a la parte inferior del juego y presionar el icono añadir a mi página web, seleccionar el código html copiar y pegar como se muestra en el circulo de color rojo en la figura 1 y 2.  

Figura 1.

Figura 2.

2.   http://es.games68.com  en ella encontrarás una gran variedad de juegos.

Bueno este es más que todo un juego de estrategia y se trata de un juego de escape debes ingresar a  http://es.games68.com/games.php?id=42 se llama 3D room escape, una vez ingreses al juego te vas al pie de la página (parte inferior) y allí encontrarás el link, copiar y pegar en tu web. Ver figura 3 y 4(circulo de color azul).

Figura 3.

Figura 4.

















domingo, 21 de abril de 2013

INDICE DE MASA CORPORAL (IMC)


El índice de masa corporal es un dato muy interesante a la hora de diagnosticar cual debe ser tu peso ideal, en cierto modo lo que trata es de prevenir un riesgo en tu salud y sobretodo para que tengas un mejor bienestar. Los datos a continuación indican los valores obtenidos en que estado o categoría se encuentra tu masa corporal.


INDICE DE MASACORPORAL (IMC)            CATEGORÍA
Menos de 18.5                                    Por debajo del peso
   18.5 a 24.9                                               Normal
   25.0 a 29.9                                               Con sobrepeso
  30.0 a 39.9                                                Obesidad
De 40 en adelante                                      Obesidad extrema o de alto riesgo


Para los usuarios interesados  en poseer este gadget (ver Figura 1) hoy les sugiero el siguiente código html del  IMC  lo copias y pegas en tu sitio web.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
 <head>
 <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<title>formulario peso ideal</title>
<script type="text/javascript">
 //definimos la funcion
 function calculaIMC()
 {
 //declaramos las variables
var peso, altura, imc, leyenda;
//hacemos la llamada a los datos introducidos
 peso=document.getElementById("peso").value;
 altura=document.getElementById("altura").value/100;
//calculamos el imc
 imc=peso/(altura*altura);
//enviamos el resultado a la caja correspondiente y lo reducimos a 2 decimales
 document.getElementById("imc").value=imc.toFixed(2);
//mediante if comparamos el resultado para determinar si es correcto el peso
if(imc<=20.5)
 {
 //determinamos el defecto en peso y definimos el comentario
 leyenda="Estas delgado. Debes engordar " + (altura*altura*20.5-peso).toFixed(1) + " kilos";
 }
 else if(imc>=25.5)
{
//determinamos el exceso en peso y definimos el comentario
leyenda="Tienes sobrepeso. Debes adelgazar "+(peso-altura*altura*25.5).toFixed(1) +" kilos";
}
else
 {
 leyenda="Estas en tu peso ideal";
 }
//enviamos el comentario a la caja correspondiente
document.getElementById("leyenda").value=leyenda;
 }
</script>
 </head>
 <body>
<form name="f1" id="f1" action="">
<!--enmarcamos el formulario-->
<fieldset>
<!--le damos un nombre al marco-->
<legend>CALCULO DEL PESO IDEAL IMC (Indice de Masa Corporal)</legend>
 <p>Peso en kg.:
 <!--definimos una caja donde introducir el dato del peso-->
 <input type="text" name="peso" id="peso" size="3" maxlength="4">
 </p>
 <p>Altura en cm.:
 <!--definimos una caja donde introducir el dato de la altura-->
 <input type="text" name="altura" id="altura" size="3" maxlength="3">
 <!--definimos un boton que hara la llamada a la funcion para calcular el imc-->
 <input type="button" value="Calcular IMC" onClick="calculaIMC()">
 </p>
 <p> IMC:
 <!--definimos una caja donde la funcion devolvera el valor de imc calculado-->
 <input type="text" name="imc" id="imc" size="10" maxlength="15">
 Leyenda:
 <!--definimos una caja donde la funcion escribira el comentario, definido en leyenda-->
 <input type="text" name="leyenda" id="leyenda" size="42">
 </p>
</fieldset>
</form>
 </body>
</html>


Figura 1.













miércoles, 3 de abril de 2013

AVATAR PERSONALIZADO QUE HABLAN DANDO UN SALUDO DE BIENVENIDA A TU WEB

Muchas veces te has preguntado si habrán programas online para hacer ciertas cosas que parecen imposibles pero que en realidad no son difíciles de crear, La respuestas es que si hay páginas donde puedes darle un toque más personalizado a tu blog o sitio web en la creación de avatares en formas de humanos o de animales que tienen como propósito de hablar sea con tu propia voz o de máquina basada en el texto que deseas agregar dándole un saludo de bienvenida y que mejor forma que tú mismo(a) puedas personalizarlo a tu gusto. Para esta aplicación debes ingresar a la página  http://www.voki.com/create.php  
1. Paso. Debes crear las características de tu personaje circulo de color amarillo (Humano-Animal). ver (figura 1).
2.Paso. Luego escoger los atuendos de tu personaje y el estilo del mismo como aparece en el circulo de color verde ver (figura 1).

Figura 1.

3. Paso. En la opción de (Give it A voice) debes seleccionar el icono con la letra T en el circulo que aparece de  color azul (ver figura 1)(figura 2), cuyo objeto es ingresar el texto que va a presentarse en el personaje del avatar. El otro icono (micrófono) es si deseas grabar tu voz de manera más real, y por ultimo el icono de la carpeta te permite escoger una voz grabada en formato mp3. todo esto es según el gusto del creador del avatar.
4. Para finalizar el avatar le das en la opción inferior Publish como aparece en el circulo de color rojo. ver (figura 1).

Figura 2.

5. Una vez presionada la opción publish debes ponerle un nombre a tu avatar ver (Figura 3) y posteriormente la página te ofrece registrar tu email (aunque no es necesario, más que todo es opcional).circulo de color café ver (figura 4)

Figura 3.

Figura 4.

6. Copiar el código html generado el cual aparece a tu derecha y listo. ver (figura 5).

Figura 5.













martes, 2 de abril de 2013

POR QUE AGREGAR UNA BARRA DE PAGERANK EN TU WEB?

Primero que todo el pagerank representa un valor numérico que presta la importancia que tiene una página web en Internet. El objeto del pagerank son los factores que determinan la posición que va a tener una pagina dentro de los resultados de la búsqueda, todo esto es en base al posicionamiento que se emite a través de los buscadores reconocidos como Google.  El enlace donde puedes encontrar este gadget es el siguente: http://pagerank.gratisparaweb.com/
1. introduces la dirección de tu URL en recuadro de la (figura 1).
2. seleccionas el modelo del pagerank que deseas (figura 1).

Figura 1.


3. Generas el código html (ver figura 2).
4. Copias, pegas en tu web y listo!


Figura 2.


jueves, 28 de marzo de 2013

COMO GENERAR UN CÓDIGO DE ENLACE DE TU SITIO WEB


En uno de mis post les explique como realizar banner para tu sitio web a través de http://www.bannersnack.com .A partir de ese post voy a detallar como puedes hacer que tus usuarios tengan tu sitio web enlazados en sus páginas o blogs por medio de un código que tu generas.
1 FASE. Una vez tengas diseñado el logo de tu sitio web en (http://www.bannersnack.com) en esta misma te genera el código del banner  como se muestra en el circulo de color rojo, ver (figura 1) y copiar, no sin antes debes primero digitar la URL de tu web (circulo de color verde) el código ver circulo de color azul (figura 2).

Figura 1.
Figura 2.


2 FASE. Teniendo el código del banner copiado, antes de pegarlo debes primero copiar el código html del enlace que es el siguiente:

<textarea rows="10" cols="20" onmouseover="this.focus()" onfocus="this.select()" input type="text" name="emailaddr" value="your e-mail" size="31" onmouseover="this.focus()" onfocus="this.select()">EN ESTE ESPACIO VA EL CÓDIGO QUE GENERASTES DEL BANNER DE TU SITIO WEB></textarea>

POR EJEMPLO ESTE ES EL CODIGO DE BANNER DE LA FIGURA QUE APARECE EN EL EXPLICATIVO:
<textarea rows="10" cols="20" onmouseover="this.focus()" onfocus="this.select()" input type="text" name="emailaddr" value="your e-mail" size="31" onmouseover="this.focus()" onfocus="this.select()"><iframe src="http://files.bannersnack.com/iframe/embed.html?hash=bhc9q1ku&bgcolor=%23000000&wmode=opaque&clickTag=http%3A%2F%2Fwww.tudireccion.com&useOnSW=true&t=1364489026" width="200" height="200" seamless="seamless" scrolling="no" frameborder="0" allowtransparency="true"></iframe></textarea>

3 FASE. Copiar el código en tu web o blog y listo. ver (figura 3) 

Figura 3.







martes, 26 de marzo de 2013

COMO GENERAR CÓDIGOS QR

Los códigos QR no son más que códigos de barras de forma bidimensionales, se deferencia de los códigos convencionales, el código QR  tiene como objetivo principal almacenar gran cantidad de información, toda esta información es almacenada dentro de un cuadrado, lo cual permite identificar por su forma cuadrada y sobretodo por los cuadros ubicados en las esquinas superiores e inferior izquierda.
Este código QR es utilizado especialmente para publicidad, marketing, implementación de catálogos, revistas, diseño gráfico,internet, web y blogs. 
1. Ingresa a la página de http://www.codigos-qr.com/generador-de-codigos-qr/
2. seguidamente debes escribir la dirección de tu sitio web en el recuadro url como se  muestra en el circulo de color rojo (ver figura 1).
3. Una vez ingresada la dirección del sitio web, debes escoger el tamaño que deseas y generar el código QR en el botón de la parte inferior como se muestra en el circulo de color azul (ver figura 1).


Figura 1.

4. Generado el código (Ver figura 2) debes guardar la imagen haciendo click derecho del ratón.

Figura 2.

5. Para finalizar esta imagen debes ingresarla en la opción de diseño y subir la imagen de la misma.


domingo, 24 de marzo de 2013

MEDIDOR DE VELOCIDAD Y ESTADO DEL INTERNET


El medidor o también llamado test de velocidad es exactamente el contador que te permite comprobar el servicio de internet con la que tu proveedor ofreció al momento de escoger el  plan del mismo, es decir, si es el apropiado o no. Hoy te sugiero este gadget para tu sitio web.
 1. Copia este código html.

<script type="text/javascript" src="http://cdn.widgetserver.com/syndication/subscriber/InsertWidget.js"></script><script type="text/javascript">if (WIDGETBOX) WIDGETBOX.renderWidget('2744dbb7-6869-4b11-bc75-86a66c405c3a');</script><noscript>Get the <a href="http://www.widgetbox.com/widget/adsl-speed">Adsl Speed by AdslSpeed.com</a> widget and many other <a href="http://www.widgetbox.com/">great free widgets</a> at <a href="http://www.widgetbox.com">Widgetbox</a>! Not seeing a widget? (<a href="http://support.widgetbox.com/">More info</a>)</noscript>

 2. Pega el código en tu sitio web y disfruta del medidor de velocidad (Ver Figura 1).

F
Figura 1.


jueves, 21 de marzo de 2013

CALENDARIO EN TU SITIO WEB


Siempre es útil y muy importante el agregar un calendario a tu sitio web por que además de ornamentar el usuario necesita saber la fecha y más si ese calendario está dotado de una maravillosa imagen que impacte o llame la atención. Es por eso que hoy te voy a recomendar  una página donde puedes encontrarlos.


Luego, escoge la categoría que deseas agregar como por ejemplo  Nature calendars (Calendarios naturales) y al pie de cada calendario copias el código (ver figura 1) circulo color rojo, pegas en tu sitio web y listo!

Figura 1.

lunes, 25 de febrero de 2013

LA CALCULADORA CIENTIFICA



Siempre en nuestra vida necesitaremos una calculadora para sacar cálculos matemáticos, sea en el colegio, la universidad e incluso en cualquier cuenta que debas realizar. Hoy te sugiero como agregar una calculadora científica en tu sitio web.

1 paso. Debes ingresar la página  http://web2.0calc.es/

2 paso. Luego seleccionas la pestaña de widgets ubicado en la parte superior de la página. En circulo de color rojo (ver figura 1.)

 Figura 1.
 

3. paso. Debes escoger el tamaño al cual deseas poner en tu web (horizontal, vertical o minimo).

4. paso. Por último copiar el código html y pegar en tu blog o sitio web. En circulo de color azul (Ver figura 2).

Figura 2.

 5. paso. Presentación de calculadora científica (ver figura 3).
Figura 3.











5. paso. Presentacion de calculadora (ver figura 3).