Step 1

Select and copy all the code in the blue box

The first part of the code includes the necessary scripts (OpenLayers and possible Google, Yahoo, and VirtualEarth APIs) and the CSS. You can either copy it directly, or save the files and include them in your page.
The second part of the code is the necessary code to create the OpenLayers map

Step 2

Create a div on your page with an id of "map". Style it and place it wherever you feel it is appropiate.

<div id="map"></div>

Step 3

Paste the code at the end of your page, right before the body tag ends. For example:

	<body>
	YOUR PAGE'S CODE
	
	OLARCHITECT PASTED CODE
	</body>