Adding a calendar to your site so that everybody could see your upcoming appointments is quite easy:


You can embed a calendar into an iWeb page using an iframe or simply link it by using a textlink or imagelink. Here you will find how to embed it into a page...


1) Using iCal with .Mac


  1. 1.Open iCal

  2. 2.Select the calendar you want to publish

  3. 3.Go to Calendar

  4. 4.Publish...

  5. 5.Give it a title

  6. 6.Select .Mac (set by default)

7. There are a lot of check boxes to check or uncheck depending on what you want

8. Hit Publish

9. Hit visit and copy the url of the calendar (or simply copy the “Be viewed at”)

10. Go to iWeb, and create a new page

11. Add HTML Snippet and add the following code


<iframe src="http://ical.mac.com/username/TitleOfTheCalendar" width="750" frameborder="1" height="1100"></iframe>


12. Change the

http://ical.mac.com/username/TitleOfTheCalendar

to your calendar.

13. Change the width and height settings to fit your page.

14. If there’s not enough room, thus the calendar doesn’t fully display on the page, increase the content width of the page by going to Inspector, PageTab, Layout, Content Width.



2) Using iCal without .Mac


It’s possible using PHP iCalendar which works only if your hosting supports php, what should be the case for most of you.


1. Go to http://phpicalendar.net/documentation/index.php/Main_Page and “Jump to: Download”

2. Download and uncompress the file and you will find a folder called

phpicalendar-version (example. phpicalendar-2.2.4)

3. Open it and you will find another folder called "phpicalendar"

4. Move the "phpicalendar" folder to the location where you publish to from iWeb or the folder where you keep your website files if you don't use iWeb

5. Open iCal and select the Calendar you want to publish on the web

6. Choose File and Export

7. Choose the location where you want to export it to, this location will be

The Folder where you keep your website files in /phpicalendar/calendars/ (thus in other words export it to the calendars folder you find phpicalendar folder)

8. Once you exported the calendar go back to the phpicalendar folder and open the config.inc-dist.php file in an html editor or in a full text editor

9. Search for the following line in it:


$default_path= ''; // The HTTP URL to the PHP iCalendar directory, ie. http://www.example.com/phpicalendar


10. Between the '' you have to type default path of the phpicalendar folder, thus the url at which the phpicalendar folder can be reached on the web once you published.

If you will put phpicalendar to the root location of your server it will be http://yourbaseurl.com/phpicalendar/

For me it's http://alyeska.atervista.org/phpicalendar/ thus the whole line will look like this


$default_path= 'http://alyeska.altervista.org/phpicalendar/'; // The HTTP URL to the PHP iCalendar directory, ie. http://www.example.com/phpicalendar


11. Once this is done save the document and close it. Change it's name to config.inc.php

config.inc-dist.php => config.inc.php

12. Upload the phpicalendar folder to your server

13. Open your Browser (ex. Safari) and enter

yoururl.com/phpicalendar/

In the legend you will see your calendar appearing

(of course you can delete the other example-caledars that have a .ics extension)


If you're not sure about what application to use to edit the config.inc-dist.php file have a look at TextWrangler which people recommend for editing html codes (it's free).


You can now simply link it from your website or embed it into your website using an iframe



3) Using google calendar


Follow steps 10; 11; 12 and 13 of Using iCal with .Mac



We would like you to give us feedback on this page by commenting here. Tell us if it was helpful. If it wasn’t tell us why. If you think something is missing tell us what.


If you have a question please make sure it is relevant to the content of the page. Look through our FAQs and look where it fits best. If you can't find any FAQ on the topic post on the main page of our FAQs. Please do not post your question to the main page if there's a relevant FAQ. However we recommend you to post questions to the AppleDiscussionForum for iWeb.


Thank you.



 

I’m creating a website in iWeb and I need to add a calendar to it. How can I do that?

Short URL of this page: http://calendar.iwebfaq.org

 

website statistics