Getting the Code for the Google Gadget
The first thing we’ll need to do is get the HTML code for the Google Gadget that we want to add to our web page.The steps are similar for almost any Google Gadget. For our example, we’ll use the Date and Time gadget.Below is a screenshot of the opening page for this particular gadget. (Click any image for a larger view.)
To begin, click the Add to your webpage button.You will be redirected to a new page where you can customize the gadget to mesh better with the design of your web page in Expression Web.
Some gadgets will have more customizable options than others, but you will always be able to see how your modifications will look in the preview window for the gadget.For the Date and Time gadget in our example, we’ll make a few minor changes such as giving the gadget a new title, modifying the height and width, and changing the color.
When you’re finished making your changes, click the Get the Code button.The code that you will need to copy and paste into your web page in Expression Web will appear in a box below the button.Highlight all of the HTML text in the box, and then hit Ctrl + C to copy.
Note: Make sure that you’ve selected all of the HTML text before copying.Often, the HTML code here will not all be visible in the box, and you will need to scroll down to select it all.To ensure that you’ve copied the entire block of code, check that the copied text begins with “ and ends with .