Adding Google Gadgets to your web page in Microsoft Expression Web

Posted by: Minal Agarwal , on 8/23/2009, in Category Expression Web
Views: 28826
Abstract: You must have seen Google gadgets and perhaps used them in your iGoogle. But now you can have them on your web pages. So you can add a ‘quote of the day’ on your site or display your city’s temperature or display current news, without having to write any code for the same. All this can be done by adding Google gadgets to your web page. This article demonstrates how to add Google gadgets to your web pages in Microsoft Expression Web 2.
Adding Google Gadgets to your web page in Microsoft Expression Web
 
You must have visited web sites that display current news, weather report, calendar, games and such interesting elements. Well one way to get this on your web site is to code them into your web page and another way is to simply use the free library of Google Gadgets. In this article we will explore the Google gadgets and see how you can add one to your web page.
What are Google Gadgets?
Google gadgets are small objects that offer funky and dynamic content which can be placed on any web page. They allow you to add interesting features that are handy and access some other things on your websites, such as; currency converter, calendar, to-do list, calculator, news, games, etc. By this way you will make your page lively and happening to your visitors. Google offers free Google gadgets for your page.
Choose the gadgets
Google gadgets library offers various gadgets divided in different categories like News, Tools, Communication, Fun & Games, Finance, Sports, Lifestyle, Technology and some new stuff. You can browse through these categories and choose a gadget for your web page.
Get the code for Google Gadget
For our example we will choose the ‘Google Calendar Viewer’ gadget.
GoogleCalendar
Click on ‘Add to your webpage’ and you would be taken to the following page.
AddToWebPage
Here you can customize your Calendar Viewer gadget. Customization options help you modify your gadget to blend well with your page schema and design. These customization options may differ in different gadgets. Most commonly you can add your own title to the gadget. Its size can also be edited to fit well into the reserved space on your web page. Border styles, color, size and Highlight color could also be set. Changes made could be immediately previewed. When you are done with the customization, click on ‘Get the code’ button. The code will appear in the same window, just below the gadget in a box, as shown here;
Gadget.JPG
The code appears in between the <script> </script> tags. Copy (CTRL + C) the code between the script tags. Make sure you copy the entire code, since the box displays only a part of it, you need to scroll towards right to select the complete code.
Adding the Google Gadget to the web page
This code needs to be added to your web page. Launch Microsoft Expression Web 2 and open the web page where the gadget needs to be added. Use Code view or Split view to add the code. Position your cursor where the gadget is to be added and paste (CTRL + V) the code. You may not be able to see the gadget in the Design view, but do not worry. Save the page and preview it in the browser.
GoogleCalenderViewer
NOTE: If your gadget is not visible when you preview your page, check the code. If you have added the code correctly, the gadget should be visible without any difficulty. In case of any error; for instance ‘Google Error – Not Found’, it may be possible that the Google gadget you are using is not updated or is an older version. Then you will have to browse for a latest version of the gadget.

All in all Google gadgets are an interesting way to make you page attractive with exciting add-ons, but you need to experiment will them to get a good hold of the gadgets.

I hope you enjoyed reading this article and I thank you for viewing it.

If you liked the article,  Subscribe to the RSS Feed or Subscribe Via Email

This article has been editorially reviewed by Suprotim Agarwal.

Absolutely Awesome Book on C# and .NET

C# and .NET have been around for a very long time, but their constant growth means there’s always more to learn.

We at DotNetCurry are very excited to announce the The Absolutely Awesome Book on C# and .NET. This is a 500 pages concise technical eBook available in PDF, ePub (iPad), and Mobi (Kindle).

Organized around concepts, this eBook aims to provide a concise, yet solid foundation in C# and .NET, covering C# 6.0, C# 7.0 and .NET Core, with chapters on .NET Standard and the upcoming C# 8.0 too. Use these concepts to deepen your existing knowledge of C# and .NET, to have a solid grasp of the latest in C# and .NET OR to crack your next .NET Interview.

Click here to Explore the Table of Contents or Download Sample Chapters!

What Others Are Reading!
Was this article worth reading? Share it with fellow developers too. Thanks!
Share on LinkedIn
Share on Google+

Author
Minal Agarwal, Expression Web MVP, MCDST, works as a freelance web designer (SaffronStroke) working on Expression Web, Photoshop and other Graphical tools. As a hobby, she also runs a famous Food site called Foodatarian.com. Follow her on twitter @ saffronstroke


Page copy protected against web site content infringement 	by Copyscape




Feedback - Leave us some adulation, criticism and everything in between!
Comment posted by Yogesh on Monday, August 24, 2009 8:41 AM
Thanks for nice article..
Comment posted by sheraaz on Monday, August 24, 2009 4:37 PM
thanks for the nice tip

Categories

JOIN OUR COMMUNITY

POPULAR ARTICLES

C# .NET BOOK

C# Book for Building Concepts and Interviews

Tags

JQUERY COOKBOOK

jQuery CookBook