'D'abords, la mise en page et en couleur du tableau qui contriendra la calculatrice :

<form name="Keypad" action>
<table>
<b>
<tr>
<td><table border="1" width="50" height="60" cellpadding="1" cellspacing="2"background="http://albidochon.free.fr/blog/fonds/beige.jpg">
<tr>
<td colspan="3" align="middle"><input name="ReadOut" size="12" value="0" width="100%"> </td>
<td </TD>&nbsp;</td>
<td><input name="btnClear" type="Button" value=" C " onclick="Clear()"> </td>
<td><input name="btnClearEntry" type="Button" value=" CE " onclick="ClearEntry()"> </td>
</tr>
<tr>
<td><input name="btnSeven" type="Button" value=" 7 " onclick="NumPressed(7)"> </td>
<td><input name="btnEight" type="Button" value=" " onclick="NumPressed(8)"> </td>
<td><input name="btnNine" type="Button" value=" 9 " onclick="NumPressed(9)"> </td>
<td>&nbsp;</td>
<td><input name="btnNeg" type="Button" value=" +/- " onclick="Neg()"> </td>
<td><input name="btnPercent" type="Button" value=" % " onclick="Percent()"> </td>
</tr>
<tr>
<td><input name="btnFour" type="Button" value=" 4 " onclick="NumPressed(4)"> </td>
<td><input name="btnFive" type="Button" value=" 5 " onclick="NumPressed(5)"> </td>
<td><input name="btnSix" type="Button" value=" 6 " onclick="NumPressed(6)"> </td>
<td>&nbsp;</td>
<td align="middle"><input name="btnPlus" type="Button" value=" + "
onclick="Operation('+')"> </td>
<td align="middle"><input name="btnMinus" type="Button" value=" - "
onclick="Operation('-')"> </td>
</tr>
<tr>
<td><input name="btnOne" type="Button" value=" 1 " onclick="NumPressed(1)"> </td>
<td><input name="btnTwo" type="Button" value=" 2 " onclick="NumPressed(2)"> </td>
<td><input name="btnThree" type="Button" value=" 3 " onclick="NumPressed(3)"> </td>
<td>&nbsp;</td>
<td align="middle"><input name="btnMultiply" type="Button" value=" * "
onclick="Operation('*')"> </td>
<td align="middle"><input name="btnDivide" type="Button" value=" / "
onclick="Operation('/')"> </td>
</tr>
<tr>
<td><input name="btnZero" type="Button" value=" 0 " onclick="NumPressed(0)"> </td>
<td><input name="btnDecimal" type="Button" value=" . " onclick="Decimal()"> </td>
<td colspan="3">&nbsp;</td>
<td><input name="btnEquals" type="Button" value=" = " onclick="Operation('=')"> </td>
</tr>
</table>
</td>
</tr>
</table>
</form>
 

Ensuite le code à insérer dans votre en tête ou dans la page même de votre site

<script LANGUAGE="JavaScript">
var FKeyPad = document.Keypad;
var Accum = 0;
var FlagNewNum = false;
var PendingOp = "";
function NumPressed (Num) {
if (FlagNewNum) {
FKeyPad.ReadOut.value = Num;
FlagNewNum = false;
}
else {
if (FKeyPad.ReadOut.value == "0")
FKeyPad.ReadOut.value = Num;
else
FKeyPad.ReadOut.value += Num;
}
}
function Operation (Op) {
var Readout = FKeyPad.ReadOut.value;
if (FlagNewNum && PendingOp != "=");
else
{
FlagNewNum = true;
if ( '+' == PendingOp )
Accum += parseFloat(Readout);
else if ( '-' == PendingOp )
Accum -= parseFloat(Readout);
else if ( '/' == PendingOp )
Accum /= parseFloat(Readout);
else if ( '*' == PendingOp )
Accum *= parseFloat(Readout);
else
Accum = parseFloat(Readout);
FKeyPad.ReadOut.value = Accum;
PendingOp = Op;
}
}
function Decimal () {
var curReadOut = FKeyPad.ReadOut.value;
if (FlagNewNum) {
curReadOut = "0.";
FlagNewNum = false;
}
else
{
if (curReadOut.indexOf(".") == -1)
curReadOut += ".";
}
FKeyPad.ReadOut.value = curReadOut;
}
function ClearEntry () {
FKeyPad.ReadOut.value = "0";
FlagNewNum = true;
}
function Clear () {
Accum = 0;
PendingOp = "";
ClearEntry();
}
function Neg () {
FKeyPad.ReadOut.value = parseFloat(FKeyPad.ReadOut.value) * -1;
}
function Percent () {
FKeyPad.ReadOut.value = (parseFloat(FKeyPad.ReadOut.value) / 100) * parseFloat(Accum);
}
</script>

<P align=center><!-- DEBUT DU SCRIPT 2 FENETRES EN FRAMES-->
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
function loadFrames(page1, page2) {
framecode = "<frameset rows='50%,50%'>"
+ "<frame src='" + page1 + "'>"
+ "<frame src='" + page2 + "'>"
+ "</frameset>";

page = window.open("");
page.document.open();
page.document.write(framecode);
page.document.close();
}
// End -->
</script>
<!-- FIN DU SCRIPT 2 FENETRES EN FRAMES--><!-- DEBUT DU SCRIPT 2 FENETRES EN FRAMES-->
<a href="javascript:loadFrames('le site ou blog ke vs voulez ouvrir/','le 2eme blog ou site ke vs voulez ouvrir/')">click pour voir mes 2 otres blogs</a>
<!-- FIN DU SCRIPT 2 FENETRES EN FRAMES-->

exemple:

click pour voir mes 2 otres blogs

<!-- DEBUT DU SCRIPT OUVERTURE PAGE GAUCHE-->
<!-- script édité gratuitement sur http://www.akoter.com -->
<SCRIPT LANGUAGE="JavaScript">
//script édité gratuitement sur http://.www.akoter.com

<!-- Begin
function expandingWindow(website) {
var heightspeed = 3; // vitesse du scrolling vertical
var widthspeed = 7; // vitesse du scrolling horizontal
var leftdist = 0; // distance en pixel du côté droit
var topdist = 0; // distance en pixel du côté gauche

var winwidth = window.screen.availWidth - leftdist;
var winheight = window.screen.availHeight - topdist;
var sizer = window.open("","","left=" + leftdist + ",top=" + topdist + ",toolbar=1,toolbar=1,location=1,directories=1,status=1,menubar=1,scrollbars=1,resizable=1,width=1,height=1");
for (sizeheight = 1; sizeheight < winheight; sizeheight += heightspeed) {
sizer.resizeTo("1", sizeheight);
}
for (sizewidth = 1; sizewidth < winwidth; sizewidth += widthspeed) {
sizer.resizeTo(sizewidth, sizeheight);
}
sizer.location = website;
}
// End -->
</script>
<a href="javascript:;" onClick="expandingWindow('votre site ou blog')">Cliquez ici</a>
<!-- FIN DU SCRIPT OUVERTURE PAGE GAUCHE-->

exemple:

<A href="url du site ke tu veu faire" target=popup><IMG alt="son nom" src="url de la banniere ou photo" border=0></A>
<P></P>

exemple:

<a xhref="msnim:add?contact=votre-adresse-e-mail">ajoute moi à tes contacts!</a>

<a xhref="msnim:voice?contact=votre-adresse-e-mail">Demarre une conversation audio avec moi</a>

<a xhref="msnim:video?contact=votre-adresse-e-mail">Demarre une conversation vidéo avec moi!</a>

<a xhref="msnim:chat?contact=votre-adresse-e-mail">parle moi sur msn!</a>