Una calculadora para tu blog


¿Quieres saber como añadir una calculadora en tu blog? Una calculadora flash en tu blog es de gran utilidad para blogs que traten de impuestos y finanzas, como es el ejemplo de calcular desde simples operaciones hasta servir de ayudas para calcular comisiones, porcentajes Imss 2011 o cuotas Imss 2011.

   







































 


Pues será tan sencillo como seguir unas pauntas simples y rápidas. Aquí tienes:

1) Copia el siguiente código:

<table border="0" bordercolor="#111111" id="AutoNumber1" cellpadding="0" cellspacing="0" style="border-collapse: collapse" width="100%">

<tr>
<td width="33%"> </td>
<td width="33%"><font size="1"> 
</font><div id="calc" class="drag">
<form name="calculator">
<table bordercolor="gray" border="3" cellspacing="1" cellpadding="0" width="150" bgcolor="black">
<tr>
<td>

<input style="color: red; background: black" length="19" name="ans" size="19"/>
</td>
</tr>
</table>
<table bordercolor="gray" border="3" cellspacing="2" cellpadding="2" width="150" bgcolor="black">
<tr>
<td align="middle">
<input onmousedown="document.calculator.ans.value+='7'" value=" 7 " name="seven" type="button"/>
</td>

<td align="middle">
<input value=" 8 " name="eight" onclick="document.calculator.ans.value+='8'" type="button"/>
</td>
<td align="middle">
<input value=" 9 " name="nine" onclick="document.calculator.ans.value+='9'" type="button"/>
</td>
<td align="middle">
<input value=" / " name="divide" onclick="document.calculator.ans.value+='/'" type="button"/>
</td>

</tr>
<tr>
<td align="middle">
<input value=" 4 " name="four" onclick="document.calculator.ans.value+='4'" type="button"/>
</td>
<td align="middle">
<input value=" 5 " name="five" onclick="document.calculator.ans.value+='5'" type="button"/>
</td>
<td align="middle">

<input value=" 6 " name="six" onclick="document.calculator.ans.value+='6'" type="button"/>
</td>
<td align="middle">
<input value=" * " name="multiply" onclick="document.calculator.ans.value+='*'" type="button"/>
</td>
</tr>
<tr>
<td align="middle">
<input value=" 1 " name="one" onclick="document.calculator.ans.value+='1'" type="button"/>

</td>
<td align="middle">
<input value=" 2 " name="two" onclick="document.calculator.ans.value+='2'" type="button"/>
</td>
<td align="middle">
<input value=" 3 " name="three" onclick="document.calculator.ans.value+='3'" type="button"/>
</td>
<td align="middle">
<input value=" - " name="subtract" onclick="document.calculator.ans.value+='-'" type="button"/>

</td>
</tr>
<tr>
<td align="middle">
<input value=" C " name="clear" onclick="document.calculator.ans.value=''" type="button"/>
</td>
<td align="middle">
<input value=" 0 " name="zero" onclick="document.calculator.ans.value+='0'" type="button"/>
</td>

<td align="middle">
<input value=" = " name="equal" onclick="document.calculator.ans.value=eval(document.calculator.ans.value)" type="button"/>
</td>
<td align="middle">
<input value=" + " name="add" onclick="document.calculator.ans.value+='+'" type="button"/>
</td>
</tr>
</table>
</form>

</div>
</td>
<td width="34%"> </td>
</tr>
</table>

2) Pégalo en una entrada o añádelo en un gadget de esta forma: Diseño > Elementos de página > Añadir un gadget > HTML/Javascript > Aceptar.

3) ¡Listo! Ya tienes una fenomenal calculadora en tu blog.

2 comentarios:

  1. Muchísimas gracias por esta página y por esta calculadora, la verdad es que me va a venir muy bien para mi página, desde hace poco estaba utilizando esta interesante calculadora online que me iba bastante bien, pero admito que esta es mucho más sencilla y me va a resultar mucho más útil. ¡Gracias!

    ResponderEliminar
  2. pone una calculadora cientifica o almenos recomienda alguna pagina para generarla

    ResponderEliminar