Gadget Calculadora para tu blog


Desde que vi en un blog el gadget de calculadora he estado buscando el código correspondiente, ya que el blog en cuestión no me lo facilitaba aun sabiendo que lo enlazaría. El código para una simple calculadora en flash, útil para blogs de finanzas y economía o quien sabe, puede ser útil en un momento dado.

Lo podrás poner en la barra lateral como gadget o en una entrada,... aquí la tienes:





















Si quieres colocar un gadget en Blogger deberás seguir los siguientes pasos:

1) Ir a Diseño
2) Elementos de página
3) Añadir un gadget
4) HTML/Javascript
5) Una vez allí añades el código del Gadget/Widget:

<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 comentarios :

DEPARTAMENTO CIENTIFICO-TECNOLOGICO dijo...

Gracias.

Papo Luis dijo...

Saludos, muy bueno pero y los centavos? Donde esta el punto? Mi sugerencia es para ayudar a mejorar el diseño

:

Carlos Soler Carlos Soler Experiencia en el sector de la tecnología y TIC. En Blogtecnia desde 2006. Ex-Asistente blogger al MWC de Barcelona. Exeditor en GeeksRoom. Me podéis seguir en Twitter, Google+ y Facebook. Encontrareis mi poemario en la iniciativa de: Save the Children.

Subir a Inicio Subir