Read about ...
  • Apple Mac & OSX
  • Internet & Social Media
  • Reviews
  • Security
  • SEO & Marketing
  • Web Design
  • Web Hosting
  • RSS RSS Feed

    Insert HTML Code into iWeb Built Pages

    Update: Apple has announced a simple copy & paste functionality for embed code produced on many web 2.0 web sites, such as flickr & last.fm with iWeb ’08, part of the iLife ’08 suite of applications for OSX. We are as yet to confirm whether there is any templating functionality for embed code within iWeb ’08 itself, much like that in iWebMore.

    Apple's iWeb Web Design Software LogoWhat happened till now if you wanted to add some HTML code into an iWeb generated page or template? Well, unless you have iWeb ’08, pretty much nothing! You were stumped. That has now changed, there is a way! iWebMore is a little application developed by Jaap Kreijkamp and which is available for FREE that allows you to inject code into HTML pages created by iWeb. It is billed as a “A free utility to enhance websites build with Apple’s iWeb…”

    It works by allowing the user to effectively perform an easy to use search and replace tool on an entire iWeb generated site, after the fact. That is to say that you publish the web site to a folder, then you run iWebMore before finally putting the web site files out onto the internet itself. The process is sweet, simple and clever; and when combined with something like Ambrosia Software’s Dragster easy transfer application, adding Flickr Badges, Google Adsense, Last.FM Widgets or anything else for that matter becomes a doddle and a complete no brainer.

    Inserting Additional HTML Code to Your iWeb Site

    To add new code to pages, simply add a rounded box with the shapes tool to your web page in iWeb, resize it and move it to the wanted position on the page. Having done this, double click inthe box and enter the following code: “<@:” and after “:@>”, with no space in between.

    To make life simpler, iMoreWeb supports templates so that the same code can be used over and over on multiple sites and pages, with a variety of different variables “<@:[param1],[param2],[param3]:@>” unique for each specific instance of the “rounded box” in the HTML page, and referenced in the template using “@@1@@”, “@@2@@” and so on and so forth.

    If none of this make sense then I am sure more of it will once you have had a chance to read the user iWebMore manual and troubleshooting guide.

    Conclusion: Quick and Easy Way to Inject Code

    As yet I haven’t had a chance to fully test iWebMore on an industrial scale, but it seems like it would be a very handy application, which can save a lot of time and effort in adding embeddable content from many major web 2.0 players, as well as advertising and more. and it’s definitely worth checking out if you need to add some custom HTML code to your very own iWeb generated web site pages.

    Find out more about iWebMore by visiting the iwebmore.ctrl-j.eu web site.

    2 Responses - Join the debate!

    1. Bethany:

      Hi,
      I was hoping someone might be able to tell me how to create a customized html toolbar at the bottom of my iweb site. My site is hosted by godaddy and I am told that their Search Engine visability feature will only read the welcome page and not the whole site as the iweb toolbar is in javascript as opposed to html. I was told to create a custom toolbar at the bottom of the welcome page in html so that all the pages can be seen by search engines when they crawl the site. I am not a programmer, so I am stumped and of course there is nothing about creating a customized toolbar on the iweb software. Does anyone have any idea how I might do this?
      Thanks,
      Bethany

    2. Vincent Roman:

      Bethany = If you can send a copy of the link for the site I will be able to more easily help you. All the best, Vincent -

    Why not join the conversation? Leave a reply.