Tuesday, June 14, 2011

Add Google Calendar with Google Web Elements.



New Visitor? Like what you read? Then please subscribe to my Blog Feed or sign up for Free Email Updates. Thanks for Visiting!
Here is an easy way to add Google Calendar to your blog using Google Web Elements.



As shown above you can add it in a post or in a HTML gadget in the sidebar. You can also choose the Agenda view instead of the Monthly view shown above.


With Google Web Elements you can show CalendarConversation(Comments Gadget from Google Friend Connect), Custom SearchMap(Google Maps), NewsPresentationsSpreadsheets and YouTube News at present and more will be added soon. They are all built by Google so no worries about third party hacks


You can also earn money with the The Custom Search element which displays Ads. by Google and you can choose to share in the revenue by associating your AdSense publisher ID..........................

ADD GOOGLE CALENDAR WEB ELEMENT


To add the Google Calendar Web Element follow these steps :

1. Login at Google Calendar.

2. Click the down arrow next to calendar name in sidebar.

3. Select 'Share This Calendar' from drop down menu.

4. In right hand pane click the 'Calendar Details' link/tab at the top.

5. Scroll down and click the orange XML button under Calendar Address.

6. Copy the link in the popup window.

7. Go to Google Web Elements.

8. Click Calendar link in sidebar.

9. Paste your calendar address copied in 6. above in the Calendar Address text box.

10. Customize options : Choose Monthly or Agenda view and size. Choose a width smaller than width of your posts column or you will have to increase blog width.

11. Copy the code given below and paste it in Edit Html tab of Post Editor and publish post or paste in a HTML gadget in sidebar.

No comments:

Post a Comment