Jun 212012

The deadline is approaching – on 30 June 2012 Apple is closing down the MobileMe service, including any webpages you have published at homepage.mac.com.

Below are listed the steps I’ve figured out to allow you to move your whole homepage.mac.com website to another server and have it continue working as it has until now with the same designs and themes. This follows on from an earlier post  – http://lisaandroger.com/2010/11/fixing-your-mac-homepage-sites/ describing how to keep them working after Apple made the Pictures folder go away. Hopefully the following steps are in time to help someone else:

  1. Open your iDisk folder on your Mac. This will help you plan what needs to be done.

    iDisk Folder Contents

    Contents of iDisk Folder

  2. The content we are looking for is (mostly) in the Sites folder
    Sites folder with highlights showing different files and folders

    Sites folder with highlights showing different files and folders

    1. The yellow folders mostly show different “sites” that I had set up when publishing to homepage.mac.com, so homepage.mac.com was a different “site” from homepage.mac.com/BarHarbor and from homepage.mac.com/LisaInScotland. You’ll need a list of these to be able to retrieve all of the needed files and images in a later step.
    2. The red files show different pages within the top level “site” – all of the pages linked in the menu at the top of the pages of this site – see http://LisaAndRoger.com/rogerkiwi/ – this loads the blue file shown above.
    3. The blue files are the main index page for the site – index.html redirects to menu21.html to load the current index page.
  3. There is also content that is not visible that is used, as well as content that is “outside” or “above” your site on Apple’s servers. We need to download all of these items as well.
  4. I used SiteSucker – donationware available from http://sitesucker.us/mac/mac.htmlto download my various sites:
    1. First download the “main” homepage.mac.com/userID/ folder. SiteSucker in ProgressThe URL shows the main site, and the progress window shows how many files have been downloaded, how many files remain to be downloaded, and importantly reveals the “hidden” nature of many of these files – they’re in a folder called “.cv” which makes make that folder invisible.
    2. I downloaded them to a folder on my Desktop called “homepage.mac.com Download” and after this run the contents of this folder look like this
      The Initial Download from the .Mac root site

      The Initial Download from the .Mac root site

      We can see that the various .html files have been downloaded, as well as a folder called “i” that contains most of the files needed for the various themes and slide shows showing on these pages – but it does not contain ALL of the needed files – we have to get them separately from the homepage.mac.com servers (see below).

    3. Now if you had any other “sites” on your homepage.mac.com site as I mentioned above – the folders highlighted in yellow might be other “sub-sites” – eg homepage.mac.com/LisaInScotland/ – you need to download those sites as well.
      SiteSucker working on one of the sub-sites

      SiteSucker working on one of the sub-sites

      This image shows the hidden “.cv” folder and its contents being downloaded. These sub-sites are downloaded to the same folder as you chose for the first main site. The files are added to this folder.

    4. Repeat these steps for all of the sub-sites you have as evidenced by the folders in the Sites folder from above.
    5. There is (at least) one file that I discovered  that you need to get directly from homepage.mac.com – the file “SlideShow.html” that is in the “i” folder that is “outside” of your homepage.mac.com page. So ask SiteSucker to get this file http://homepage.mac.com/i/hpti/1/wimg/Shared/SlideShow/SlideShow.html and it will download along with the other needed .js and theme files.
  5. Now that you have retrieved all the files and folders needed, the next step is to edit some of these files to alter paths to files and to remove links to http://homepage.mac.com/ from them. Note that some of these files are hidden files, and some are in hidden folders:
    1. First thing you need to do is determine what the URL to your “new” site will be – ie where you’re going to upload this to as some of the following steps require you to know the URL to these sites on your site. In my case I chose to create a folder “rogerkiwi” at the top level of my site http://LisaAndRoger.com/ to contain everything I saved from homepage.mac.com.
    2. If you have an older site as I had for the main site that went back to 2002 or earlier, there are files called “.nav.homepage.js” that create the menu at the top of each page. For each of these files
      TextWrangler Open Dialog showing hidden files and folders

      TextWrangler Open Dialog showing hidden files and folders

      you need to open them and edit all of the links.

    3. This image shows one of these files opened in TextWrangler and one of the links highlighted.
      Editing the .nav.homepage.js file in TextWrangler

      Editing the .nav.homepage.js file in TextWrangler

      I replaced the “http://homepage.mac.com/rogerkiwi/” with “http://LisaAndRoger.com/rogerkiwi/”. It seems this needs to be an absolute URL not a relative URL.

    4. If you have other folders with a .nav.homepage.js file in them, edit those files too.
    5. The HTML files that are in the Sites folder and in the folders in the Sites folder also contain hard links to your .Mac website in them. These need to be changed. Using TextWrangler’s Multi-File Search gets this job done easily.
      TextWrangler Multi-File Search And Replace

      TextWrangler Multi-File Search And Replace

      I found that this needed to be replaced with an absolute URL – just making it relative prevented the slide show from working.

    6. If like me, you had .Mac including a Web Counter on your pages, that doesn’t work and results in a broken image link icon. You can easily remove this with a grep find and replace in TextWrangler.
      Using TextWrangler for a grep Find and Replace

      Using TextWrangler for a grep Find and Replace

      finds the line containing the call for Counter.woa and removes it from all the files it appears in.

    7. The bottom of all the pages contained an apple logo that linked to Mac.com – this now redirects to https://www.me.com/gallery/#home which is also going away. A TextWrangler find and replace will fix this too. Find all the occurrences of [code]<A href=”http://www.mac.com/WebObjects/HomePage?aff=consumer&cty=US&lang=en” onFocus=”this.blur();”>[/code] and replace it with nothing. Then to tidy up the HTML at the end of the line, find all occurrences of [code]txt_buildyourown.gif”></a>[/code] and replace them with [code]txt_buildyourown.gif”>[/code] to strip the </a> from the end of just that line.
  6. If you’ve got all this sorted out, then upload it to your server and it should all “just work”.
 Posted by at 11:52 am

 Leave a Reply

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>



This site uses Akismet to reduce spam. Learn how your comment data is processed.

%d bloggers like this:

By continuing to use the site, you agree to the use of cookies. more information

The cookie settings on this website are set to "allow cookies" to give you the best browsing experience possible. If you continue to use this website without changing your cookie settings or you click "Accept" below then you are consenting to this.