How To Integrate a Google Calendar into Your WordPress Blog

| May 18, 2011

Exciting News!

WordPress just announced (as of 5/9/11) that it now allows sharing of Google Docs and Google Calendars on WordPress.com blogs!!!! I’d like to think the WordPress gurus read my tutorial on how to embed a Google Calendar into a Blogger blog (in which I explain that WordPress.com doesn’t allow it, but they should) and decided to follow my advice. Doubtful, but a girl can dream, right?

Moving on… Featuring a calendar on your blog allows for more interactivity between you and your readers. Use it to feature upcoming events, showcase a speaking/design schedule, or highlight significant events your readers might be interested in.

Here’s how you add a Google Calendar to your sidebar:

In Your Gmail Account

Note: This tutorial assumes you have a Gmail account. If you don’t, consider signing up for one today.

1. After logging into your Gmail account, click Calendar in the top navigation bar.

2. A new window will open. Click the drop down arrow next to the calendar you wish to embed.

3. In the sub-navigation that appears, click Share this Calendar.

4. In the next window, make sure your calendar is marked public. Save your settings.

5. Click Calendar Details.

6. Create a distinguishing name for your calendar (if you haven’t already).

7. In the Embed this Calendar section, click Customize the color, size, and other options.

8. Choose which features you would like to appear. From a design perspective, I recommend keeping things minimalistic. I prefer to only mark Title and Date. If you are featuring events you’d like people to attend, consider also marking Time Zone.

9. Set the Width and Height of your calendar. If you are placing the calendar in your blog’s sidebar, make sure the width is smaller than the width of your sidebar. It tends to work best to make the height the same.

10. Copy the updated HTML code.

In Your WordPress.com Account

Note: This tutorial assumes you have a WordPress.com blog. Looking for a tutorial for Blogger?

1. After logging into your WordPress blog, navigate to your dashboard.

2. In your dashboard, click the drop-down arrow next to Appearance.

3. Click Widgets.

4. Drag and drop the Text widget (“arbitrary text or HTML”) to your sidebar.

5. In the content area, paste the code you just copied from Google. *You can give the gadget a title if you want, but it’s not necessary, since you already gave your calendar a title. WordPress.com lets you leave the title blank if you choose. I recommend leaving it blank.

6. Save your changes and preview your new look. You will now see your calendar on your sidebar!


For more support, visit http://en.support.wordpress.com/google-calendar/.

Did you find this tutorial helpful? If you followed this tutorial, leave me a comment with a link to your blog that now showcases a embedded calendar!

How to add google calendar in wordpress and make it responsive, Hi gauraw, i am first time visiting on your site and got well impressed. 🙂 what an excellent methods to add google calendar in wordpress site with make it responsive.. Locate your friends in real time with google latitude, Latitude is a new feature of google maps for mobile, as well as an igoogle gadget, that allows you to share your location with your friends and to see their approximate locations, if they choose to share them with you.. Newest 'google-calendar' questions - super user, Q&a for computer enthusiasts and power users. i have the new w10 calendar app set to sync with my google calendar. new events entered into google cal appear in the w10 calendar, but new ones entered into w10 do not appear in google..

How to Add a Responsive Calendar to Your WordPress Site ...

Wordpress vs joomla - review | miracle tutorials, This is not a pro-contra review. in this article i try to give you some pointers to make it easy to chose between the two popular content management systems. the basic difference between wordpress and joomla is that joomla is a portal- or community type site while wordpress is a blog.. 10 creative ways to use google+ for your blog, The free blog post headline analyzer will score your overall headline quality and rate its ability to result in social shares, increased traffic, and seo value. to understand it a bit better, let’s first talk about facebook. facebook is turning into a bit of a downer for business pages. unless you. Google, Search the world's information, including webpages, images, videos and more. google has many special features to help you find exactly what you're looking for..

How to create a patreon membership site on wordpress, By b.j. keeton b.j. is a content creator for elegant themes from florence, al. he is a runner and fitness junkie, geek and gamer. he is pretty much always writing something, whether it’s a weird css doohickey, a blog about running, or a tweet about video games.. Woocommerce tutorial – how to set it up on your website, To install it from your dashboard navigate to wordpress admin > plugins > add new, search for “woocommerce”, and click on “install now.”ensures that the author shows up as automattic. 3+ is currently the latest version of woocommerce.. Blog, Advanced seo webinar: how to generate 1,702,148 visitors a month through seo.

How to Add a Responsive Calendar to Your WordPress Site ...