iWeb navigation bar & external page

Discussion in 'Web Design and Development' started by savys, Jan 29, 2008.

  1. savys macrumors newbie

    Jan 29, 2008
    I am wondering whether there is a simple way to add a item to the standard navigation bar that points to an external page, such as a blogspot blog.

  2. lacivi macrumors newbie

    Mar 2, 2008
    I was struggling with this same problem for a few hours tonight and finally got it figured out.

    1. Create a blank page in iWeb and set it to be included in the navigation bar.

    2. After publishing your site, find the file iWeb creates called "index.html" and open it with a text editor. (I like TextWrangler, but TextEdit should work as well.)

    3. The file should be very short. Find the section that looks like this:

    <meta http-equiv="refresh" content="0;url= PageName.html" />

    4. Replace the portion after "url=" with the full external URL you want the navigation bar link to point to. For example, your final line might look like this:

    <meta http-equiv="refresh" content="0;url=http://myblog.blogspot.com" />

    5. Select "Save as...", and use this file to replace the blank iWeb page you created for the Navbar. (If you made Blog.html, this will become your new "Blog.html" file. (Don't just save the file, or you'll screw up your index file. We're just using it as a template.)

    For an example of this fix in action, here's my site where I did this exact same thing earlier this evening:


    (click on the "blog" link in the navbar to see the external redirect)

    Hope this helps.

  3. savys thread starter macrumors newbie

    Jan 29, 2008
    Thanks & additional question

    Thanks, lacivi. This is exactly what I want to do. Link to a blogspot blog from the menu, and you have successfully done it. But, forgive my denseness, I am still not understanding the entire process.

    I am fine until you say in #5 "use this file to replace the blank iWeb page you created.."

    I am not sure how to replace the one page with the other. Please help. I really like what you have done.
  4. Cepe Indicum macrumors regular

    Oct 11, 2006
    Personally, I would just not use the "built in" navigation bar, and build my own. That way you can have menu items that link to whatever / wherever you like.
  5. Mitou macrumors regular

    Jan 25, 2008
    That may be true, you can do whatever you like but this is one (other) cool way to get it done.
  6. savys thread starter macrumors newbie

    Jan 29, 2008
    Got it.

    Nevermind. I figured it out. Because my site is hosted on .Mac, I had to use the Finder’s Go menu to go to my iDisk and find my way to where iWeb puts the files of my webpage. Then it was an easy matter to replace the blank page I created in iWeb with the modified index.html file that points to my blog by dragging it into the appropriate folder. Works great. Thank you, lacivi.

    Three additional points:

    1. I agree, TextWrangler is very nice, especially for free.
    2. I would use the blog template provided in iWeb, but it cannot compare with all the features you get for free in a Blogger account. Hence the need to use the navigation bar to point to an outside webpage. Furthermore, if you are hoping people will find your blog in Google searches, it appears to be a much better idea to use Blogger.
    3. Following on this last point, my only misgiving about hosting my website (http://stuartvyse.com) on my .Mac account is that it is relatively invisible to Google searches. My domain name is my real name, however Google searches of my name generally do not list my personal site higher than 7 or 8 on the first page of results. Often lower down. Similar searches for other sites are typically listed at the top of the page. A .Mac account is inexpensive and very easy to use, but this relative invisibility is the primary drawback of posting your website there.
  7. lacivi macrumors newbie

    Mar 2, 2008
    Sorry; I've been away without Internet access for the last few days. Glad you got it figured out.

    On the Google invisibility note, have you tried Google's Webmaster Tools service? I don't see any reason it wouldn't work with a .Mac account.


    I just submitted my site to it recently based on a suggestion from a friend so I don't have a lot of experience with it yet, but he swears by it for himself and his company.
  8. Mitou macrumors regular

    Jan 25, 2008
    You are correct it works very well but you do need to make a map of your site. I suggest imap a very nice app.
  9. zoe1960 macrumors newbie

    Apr 9, 2008
    Newbie needs help with linking to external blog

    I am very new to this... I am buiding a website in iweb and hosting on .mac The instructions basically make sense to me, though I really know nothing about html and the like. After creating a blank page, calling it Blog in my nav bar and publishing the site I went to my idisk. There's a file called blog.css that contains code, but when I try to edit in text edit using the above template I can't save it with the css extension. What should I do? Thanks.
  10. lacivi macrumors newbie

    Mar 2, 2008
    You want to edit "blog.html," using the instructions above, not "blog.css." Once you put the redirect in place in the .html file the .css file won't matter.
  11. evansnathan macrumors newbie

    May 12, 2008
    Where Is This File

    I am struggling to find the file to edit. I have looked at the index.html file on my idisk but when i open it in TextWrangler and TextEdit it is blank.

    Where should i find the file to edit?

    Many Thanks

    Nathan Evans
  12. lacivi macrumors newbie

    Mar 2, 2008
    Index.html should be the right file. Odd that it's completely blank for you. Mine just contains a single very long line of text at the top, with everything beneath it blank.
  13. suttles95 macrumors newbie

    May 19, 2008
    iWeb navigation bar & external page

    Mine index.html file is blank, too...

    Does anyone know how to fix this?
  14. lacivi macrumors newbie

    Mar 2, 2008
    In iWeb, try using "Publish to a folder..." instead of "publish to iDisk" option.

    Create a new folder on your desktop to publish to, then check the index.html file that is published to that folder. It shouldn't be blank. Once you do the fix per the above, just manually move that changed file to where your site is located on your iDisk.
  15. sirlucks macrumors newbie

    Apr 15, 2010
    javascript redirect solve this problem for me.

    I just used a javascript to go to a new page, and also placed a link on the site to click here is the page was blocked due to pop-up blocker.

    here is the code used.

    <script type="text/javascript">
    window.open('Your Website here');

    Hope this helps. :)

  16. joshandrox macrumors newbie

    Jul 27, 2010

    Thank you!!!! I was searching for hours trying to get my blogspot to show in my iWeb site.

Share This Page