Gig Calendar

The Problem: I always thought it was pretty embarrassing when, in September 2009, a website says, "next show! Friday July 19!".

Trouble is, it's so hard when you're out there doing shows, to go log in to your website, change the HTML code, and update it every few days.

The Solution: Your website is sitting on a computer that knows exactly what time and date it is right now. So... why not have the computer update your calendar? As soon as a date passes, your website won't show it on the upcoming calendar anymore! And when the show is TODAY, it can give it special treatment!

Now you just add dates through your point-and-click website. No HTML needed. You can enter the dates for a whole tour, if you'd like, and the calendar will automatically update them while you're on the road. No need to log in from the road!

How to Do This Tutorial

Do a [CTRL]-N (or Command-N on Mac) to open a new web browser window. Point that window to (replacing with your actual domain) - leaving THIS window where it is. Flip back and forth between the two. Read things in this browser-window. Try them in another browser-window.

Log in to /hostbaby

To log in to your special Hostbaby features, you always have to LOG IN to

The username and password are the ones we gave you when you first signed up - unless you've changed them or added a new user yourself.

If you forget your password you can click the "email it to you" link - and it will email the email address we have on file for you.

Click concert calendar

Once you're logged in, you should see the YOUR STUFF box as shown here.

Click the concert calendar link.

Add a new artist

The first time you do this, you need to tell the calendar program the artist name of whose performances you'll be showing here.

If it's a band name, just type the band name here. If it's you, as a solo performer, just type your name. Then click the ADD button.

See - you could, if you want, make many different calendars for many different artists. That's why it's important to tell the calendar what artist you're going to be adding dates for.

Write down artistcode

To use this calendar from your website you'll always need the artistcode. It tells the calendar program what artist you want to show the calendar for - so it's VERY important.

Please write down the artistcode (all lower case with no spaces!) to use in your HTML later.

It also gives you a sneak preview here of how you're going to link to this calendar. (It won't work yet because you haven't added any dates to the calendar!)

Now click to add your first calendar date (a.k.a. "event") for this artist.

Add event

You're going to use this page every time you add a calendar date. So let's learn it well. You can come back and change any info you enter, later, if you want.

  • ARTIST is already chosen for you, since this is your first. But in the future, if you add other artists here, you'll choose one from the menu. If you want to add a date for an artist that's not in the menu, you'll have to go add that artist to the system, first!
  • EVENT is self-explanatory. Open Calendar is a handy link for finding your event date in a regular wall calendar. Just click the date when you see it. TITLE of event is optional, but handy. EXAMPLES: "Ladies Night at Shenanigans" or "Opening for James Brown" or "Last Show This Summer".
  • VENUE is where you give all the information about where the event takes place. If you can include the exact address of the venue - great! In the future, we'll link this up with maps programs and venue databases. If the club/venue has a website, (especially a page with directions), enter it here. If there's an entry fee, name it here. Only the name of the venue is required - though I recommend filling out as much as you can.
  • NOTES is anything else you want to say before the show. Directions. Tips. Details. Description. Whatever. Optional.

Menu: play around

THAT'S IT! That's all you had to do!

That event is in your database now, and you can edit it any time you want.

Next I'll show you how to put in on your website, but for now, PLAY AROUND here a bit. Add more events. Edit/change events. You can delete anything you do, so feel free to put in "joke/test" events.

If you think you're going to be doing calendars for more than one artist, try adding a new artist, and add some events for that artist, too.

Once you're used to it, then move on to the next step.

Edit existing calendar.html

When we created your account at Hostbaby, we made a file called "calendar.html" that has everything except your artistcode.

If you don't have "calendar.html" on your hard drive already, go FTP download it from the webserver down to your hard drive, so you can make changes to it.

If you don't know how to download a file from your webserver to your hard drive, contact for special help or see our FTP tutorial. FTP uploading and downloading are the VERY basics of making your website, so you should learn that before making a concert calendar or anything else.

Once you have the calendar.html file open in your HTML editor, move to the next step.

Changing my_artist_code

Look at the first few lines of calendar.html. It should look like this:

require ("hostbaby");
$my_artist_code = "";

Put your artistcode (the one you were supposed to write down!) between the quotes after $my_artist_code =

(Remember my example artistcode was "oompaloompas". Yours will be different.)

require ("hostbaby");
$my_artist_code = "oompaloompas";

FTP upload your changes to the live Hostbaby webserver.

Go to to see how it looks!

Changing directly

Look hear the END of calendar.html. You should see this line:

<? show_calendar($my_artist_code); ?>

Put your artistcode (the one you were supposed to write down!) INSIDE QUOTES (yes you NEED quotes around it!) INSTEAD of $my_artist_code

Here's my example for my Ooopma Loompas band:

<? show_calendar("oompaloompas"); ?>

FTP upload your changes to the live Hostbaby webserver then go to to see how it looks!

Just in case those last two steps weren't clear, either way of setting it will work.

I prefer doing it directly, using the quotes-artistcode-quotes method, directly inside the show_calendar command.

If you do it that way, you don't need the "$my_artist_code" line at the top of the file anymore.

Either way - That's all there is to it!

See the next tutorial for information on customizing the look and feel. :)

Have more questions? Submit a request