iWeb FAQ - Calendar

iWebFAQ.org

 

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

La stessa pagina in italiano                             Die gleiche Seite auf Deutsch
 


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 MobileMe


  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 MobileMe (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.me.com/username/TitleOfTheCalendar" width="750" frameborder="1" height="1100"></iframe>


12. Change the

http://ical.me.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 MobileMe


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 MobileMe



iWebFAQ.org - Tutorials, Tips & Tricks is made with iWeb and for iWeb.

It’s presented by Cédric and hosted by HostExcellence.com


I would like you to give me feedback on this page by commenting here. Tell me if it's been helpful. If it wasn’t please tell me why. If you think something is missing please tell me what.




Thank you for visiting and supporting my website.


- Cédric -



 

SocialTwist Tell-a-Friend