Step 1. Download the latest version of the Austin Tech Events widget and upload it to a subdirectory on your site.

Step 2. Go get yourself a Google GDATA API key here.

Step 3. Add the following code to the head section of your site. Note the sections in red. You need to add your Google API Key and be sure to change the paths below to reflect where you uploaded the Austin Tech Events widget folder.

<script type="text/javascript" src="http://www.google.com/jsapi?key=YOU GOOGLE API KEY GOES HERE"></script>
<script type="text/javascript">
	var calendarURL = 'http://www.google.com/calendar/feeds/i8m14fqigtkhpj744qml1vht920bq5j0%40import.calendar.google.com/public/full';
	var pageMaxResults = 15;
	var parseWiki = true;
	var showNav = true;
	var weeks = null;
	var widgetListSize = null;
</script>
<link type="text/css" rel="stylesheet" href="http://example.com/wp-content/plugins/austin-tech-events-calendar/css/thickbox.css" />
<link type="text/css" rel="stylesheet" href="http://example.com/wp-content/plugins/austin-tech-events-calendar/css/style.css" />
<script type="text/javascript">
	function addLoadEvent(func) {
		var oldonload = window.onload;
		if (typeof window.onload != 'function') {
			window.onload = func;
		} else {
			window.onload = function() {
			if (oldonload) {
				oldonload();
			}
				func();
			}
		}
	}
</script>
<script type="text/javascript" src="http://example.com/wp-content/plugins/austin-tech-events-calendar/js/date.js?ver=alpha-1"></script>
<script type="text/javascript" src="http://example.com/wp-content/plugins/austin-tech-events-calendar/js/jquery.js?ver=6124"></script>
<script type="text/javascript" src="http://example.com/wp-content/plugins/austin-tech-events-calendar/js/thickbox.js?ver=3.1"></script>
<script type="text/javascript" src="http://example.com/wp-content/plugins/austin-tech-events-calendar/js/wiky.js?ver=1.0"></script>
<script type="text/javascript" src="http://example.com/wp-content/plugins/austin-tech-events-calendar/js/functions.js?ver=0.85"></script>

Step 4. Add the following code to body of you page. Place it wherever you want the widget to show up.

<ul>
	<li id="austin-tech-events" class="widget widgetWPNGCalendar">
		<h2 class="widgettitle"><a href="http://door64.com/event">Austin Tech Events</a></h2>
			<div id="wpng-cal-widget-events" style="display:none;"></div>
			<div id="wpng-cal-load-widget" class="wpng-cal-loading">
				<img class="wpng-cal-image" alt="loading..." src="/wp-content/plugins/austin-tech-events-calendar/images/loading_large.gif"/>
			</div>
		<div>
			<script type="text/javascript" defer="defer">
				widgetListSize = 5;
				addLoadEvent(loadCalendarWidget);
			</script>
		</div>
	</li>
</ul>

That’s all there is to it. Check out the example I created of the Austin Tech Events Plugin installed on WordPress 1.5.2. Proof it can be done! The biggest disadvantage to this approach is that you won’t be notified of code updates like you would on a proper WordPress 2.5 widget install.

Let me know if you have any questions!

The Austin Tech Events Calendar plugin is a “branch” of the wpng-calendar, a WordPress plugin for integrating a Google calendar into your WordPress blog. I’ve customized it to best display events from the door64.com events calendar.

To install this plugin:

1. Download it from here
2. Upload the plugin to the “wp-content/plugins” directory in your WordPress installation
3. Activate the plugin in your WordPress admin panel
4. Go get yourself a Google GDATA API key here
5. In your WordPress admin panel, goto “Options -> Austin Tech Events” then enter your Google GDATA API key. If you’re running WordPress 2.5, look under “Settings -> Austin Tech Events.”
6. Under “Presentation -> Widgets” add the widget to your side bar, alter the options if you like

That’s it!

For more information about this plugin checkout the documentation from the the wpng-calendar site.

Drop me some comments if you have questions or feedback!

PS. This plugin uses Javascript to interface the Google API. I’d love to rebuild this plugin using PHP so that the links inside of the event descriptions would help each organization’s page rank in Google search. If anyone wants to take a stab at converting this from Javascript to PHP, I’d love you forever!

Have an old version of WordPress that doesn’t support widgets? Not using WordPress at all? Check out this post: Austin Tech Events Widget for those without widgets or WordPress.

One large barrier I’ve found organizing Austin Jelly is the proliferation of calendars online for me to post my events to. And each of those calendars has their own small audience, so of course I need to post to all of them to reach the largest audience. What we need is ONE shared calendar feed with an API so we can display and post events from our organizations website. But the key thing is that the backend is shared, so we’re promoting each others events across the web.

Matt has done a great job developing the community and the calendar at door64.com. One great thing about the door64 calendar (aside from the amount of events posted there and the audience size) is that it’s already integrated into Google Calendars, which is a huge step towards making it easy to spread.

I’d like to help make the door64 calendar THE tech event calendar for Austin. I believe the way to this is by developing the following:

1. Create WordPress Widget for Austin Tech Events
   (Are you an Austin Tech blogger? Why not promote Austin Tech events by using this widget? PS. It’s almost done, check it out on the bottom of my blog’s sidebar.)
2. Create automated batch push of Austin events to 3rd party calendars via API
   (AKA: Post an event to door64.com and it gets pushed to these other event calendars.)
   1. Upcoming
   2. Craigslist
   3. What else?
3. Create an event posting API
   (AKA: Post events to door64′s calendar from your organization’s website. Keep your brand, but cross promote your event.)

What do you think? I’d love to hear everyone’s thoughts.

If you’re signed up with Google Calendar you can add this calendar to your account by subscribing to it.

There’s also a Google hosted page of this calendar here.
And a RSS feed you can subscribe to here.

If you know of an event that I need to add, let me know.

** Update! 3/29/2008 **

Scratch all that!  I’m no longer attempting to keep my own tech events calendar. There’s an awesome tech event calendar at Door64.com. It even comes in Google Calendar flavor, so you can overlay it onto your personal calendar.