With the help of JS-Kit and iTweak this is all possible.

If you want to see how the outcome looks, then head over to the demo.

1. Download iTweak. Make sure you are running the latest version of iTweak. You can check for the latest version of iTweak by clicking the “iTweak” menu item in iTweak and then selecting “Check for Updates.”
2. Now open iWeb and create a text-box at the position where you would like the comments and the entry-fields to appear. Choose an appropriate width and height.
3. In the text-box, type the following keyword (do not copy-and-paste it from here):

   %%JSKIT_COMMENTS%%

   See this screenshot:

   

4. Now publish your site either to MobileMe or to a folder. Once completed, open iTweak and navigate to the “Search & Replace” tab on the very right.
5. Tick the checkmark-option to “Search & Replace.” In the table, click the “+” button and so add a new row. In the left column, enter the following:

   %%JSKIT_COMMENTS%%

   In the right column copy and paste this:

   <div class="js-kit-comments" permalink=""></div><script src="http://js-kit.com/comments.js"></script>

   See this screenshot:

   

   You can use the saving mechanism to save the contents of the search and replace table. In that way you do not have to re-enter this code each time you open iTweak. You can then just open the previously saved table.

6. Choose your published site by hitting the “Choose published Site.” If you publish your site to a folder, you should know where you can find it. If you publish to MobileMe, you find your site on the iDisk.
   MobileMe iWeb ‘08 users use this path:

   iDisk/Web/Sites/SITENAME

   iWeb ‘06 users follow this path:

   iDisk/Web/Sites/iWeb/SITENAME

   Replace the keyword “SITENAME” with your actual sitename.

7. Now just hit the “Process Site” button. If you publish to a folder, you must now upload the site to your server so that the comments appear. If you view at them on your Mac, the comments will not be visible.

   Everyone: Keep in mind that the next time you publish from iWeb, iWeb will overwrite these changes. Hence, you will have to run iTweak each time you publish from iWeb to ensure that the comments will show up.

Looking for iWeb Templates? Check out my huge collection right here.

If you have enjoyed this article and you wish to make a small donation, then feel free to do so by clicking here.

• Favicon Tag now XHTML Transitional valid
• Contact Form is no longer based on redirects. Thus, Google shouldn’t give you any sitemap errors.
• Password Protection made a bit easier by combining the two textfields into one. The tutorial is already updated.
• The addition of a favicon causing weird characters such as “d>d>” to show up in the site; now fixed.
• iTweak no longer reads widget markup, google verification and other unimportant files. This makes the processes way faster and no longer causes the hitcounter error on the google verification file.
• iTweak will no longer fail to add the contact form if other xml files are present.
• Contactform will now take the style of textbox in which the keyword is contained for 100%. No more ugly fonts.
• Fixed another important bug in which the favicon addition causes your site to end up so corrupt you can’t even trash. Sorry about that.
• Lot’s of bugs are fixed.

Please just continue to update to the latest versions of iTweak. The newest version of iTweak is now 1.4.9. Make sure you run that version before contacting me about errors or bugs. They might have been fixed already.

Download the latest version here.

After the 1.4.5 update, I removed this window and attached the checkmarks to the main window itself, now clearly separating which text-fields are for what and when they need to be used.

The idea has never changed, you still have to tick the options you want iTweak to complete. Excuse for the problems it might have caused, I will put a note on the tutorials about that.

For this tutorial, we will be using a free application called iTweak. It has been made to simplify such additions to the iWeb application and so it is just perfect to use.

Please note that this tutorial is only available to those who publish to a folder and upload to a server that is capable of running .htaccess files. Please ask your hosting service first before you start this tutorial.

View a the final result (a demo) here or get right started.

1. As stated earlier, you will have to have downloaded the latest version of iTweak (this tutorial requires at least version 1.4.7). Publish your site from iWeb as well.
   To protect your site, you need to have a password, a username and the absolute path to another file (more on that later).
2. We will start off with the login data.
   htAccess, the method for the password protection, requires the login data to be encrypted. .
   To encrypt your login data, visit this site. Enter your username and your preferred password into the two provided textfields. For this tutorial I will be using “Hello” as my username and “World” as my password. See this example:

   

   Click “Create Password” and continue to the next step.

3. Now you will get a page with your username and you password jammed between two dark blue bars. It should say your username and then a combination of weird letters and symbols separated from the username through a colon.

   

   Copy this whole encryption and get ready to paste it into iTweak (Shortcut: Apple + C).

4. Open up iTweak and navigate to the “Security” tab. Tick the option to password-protect your site and in the text-field labeled “Login Data” paste in the encrypted data from the previous step. Make sure you copy/type this password 100% correctly!!!
   You can now type in your username in iTweak as well. Your window should now look something like this:

   

5. Now we have to deal with filling the last text-field; the absolute path to the .htpasswd file. There are two options to solve this. Either you can use a file I made to easily get the absolute path (requires a PHP-capable server) or you have to contact your hosting service and ask them about the absolute path.

   » Option A: Go ahead and download this file. Place the file named “info.php” inside the published folder from iWeb. Upload the whole folder (or just the contents, depending on how you like it) to your server. Now visit the file in your browser by typing a URL similar to this:

   http://domain.com/Sitename/info.php

   or if you only upload folder contents then type something similar to this:

   http://domain.com/info.php

   When you view the file you should find a huge blue table outlining all sorts of geeky stuff. Search for “SCRIPT_FILENAME” and to the right of that you will see the absolute path to the “info.php” file.
   Now copy the whole path except for the first slash and the “/info.php” extension:

   

   » Option B: If you server does not support PHP, then simply contact your hosting provider and ask them for the absolute path to be used inside your .htaccess file. They will know what your talking about.

   In both cases, please note that the path varies from each person! There is no scheme or pattern that you can follow.

6. Having acquired the absolute path in the previous step, copy and paste it into the provided text-field in iTweak. See this image:

   

7. Now choose your published site by hitting the “Choose Published Site” button and then hit “Process Site.” iTweak will now protect your site with the 100% secure .htaccess method. It will create two invisible files that you won’t see in the Finder. If you upload your site to your server by simply grabbing the whole published folder, then thats fine and the protection will work fine. On the other hand, if you just upload the contents of a published folder, then you have to use something like Coda to view invisible files in your Mac and make sure they get uploaded as well!
8. Done! The next time you publish, simply reuse iTweak to add the protection and your ready to go.
   If you run into any problems, please contact me via email and do NOT use the comments form below.

Looking for iWeb Templates? Check out my huge collection right here.

If you have enjoyed this article and you wish to make a small donation, then feel free to do so by clicking here.

Looking for iWeb Templates? Check out my huge collection right here.

If you have enjoyed this article and you wish to make a small donation, then feel free to do so by clicking here.

For this tutorial, we will be using a free application called iTweak. You can go ahead and download it right here.

Please note that this tutorial will require the use of a PHP capable server. Otherwise, the tutorial and the form will not work. .Mac, sadly, is not capable of PHP. All those who don’t have PHP support, can take a look at a simple HTML snippet ready code from Wufoo.

The finished form will have a name, email, website field and a textarea for people to type their message. The style will apply to the theme you are using in iWeb. Simply try it out and you’ll see how it looks.

See the demo page for the result.

1. So now that you have downloaded iTweak, we can get started. Open iWeb.
2. Add two new pages. The first page will represent the page where you will have the actual form for visitors to fill in.
   The second page will be the page where people will be redirected to if they have successfully submitted their page. Also known as the “Thanks for your mail” page. The thanks-page should not be included in the navigation bar or no links should directly link to this page.
   You can give the two pages any names you like – but remember them and be sure to know which one is which!
3. In the first page, so the form-page, add a new text-box. The text-box should have the dimensions of around 400px wide and 270px high. In this text-box, you will later find the form.
   In the text-box, without changing any of its style (ie.: borders, colors, fonts), type in the following keyword:
   %%CONTACT_FORM_MAIN%%
   See this image:

   

4. Now let’s move on to the second page, the thanks page, again, create a text-box. This time the dimensions do not really matter as we will just have a short line thanking the visitor for the message. Then, without changing any of the text-box’s style, write the following right into it:
   %%CONTACT_FORM_SUB%%
   See this image:

   

5. Now publish your site and open iTweak. After the publish, iWeb is no longer needed.

   

   In iTweak, navigate to the “Discussion” tab and at the bottom you will have the ability to type in your email. Jam it right in the box.

6. Now, choose your site. You now have the ability, to use the two drop-downs to select your thanks and form page. Do that!
7. Now, make sure you have ticked the option to add the contact form and hit the publish button! Upload the files to your server and try the form! The form will not work if you view your site on your Mac (remember, it’s not a server).
   Lastly, if you have any errors, please contact me via email and do NOT use the comments form below!!!

Looking for iWeb Templates? Check out my huge collection right here.

If you have enjoyed this article and you wish to make a small donation, then feel free to do so by clicking here.

* Sebastiaan, feel free to laugh at my icon
After a really long wait (and empty promises), me and Jay have managed to bring out the all new iTweak. If you can’t wait to get it, here is the product page.

Although the application is finished, I haven’t had any chances to bring out any new tutorials of any kind, so you will have to use those that exist for iWebExpander. I will bring out the new ones as soon as possible.

Sorry for making this post very sloppy…

In the meantime, here is a list of how things work:

• Favicon tutorial works just like the old one
• Google Search works also like the old one
• Hitcounter, same thing as well
• Haloscan comments can be integrated by adding a textbox with the contents %%HALOSCAN_COMMENTS%%
• Contact form works with textboxes created on two pages. In the textbox where you want the form to appear, you type %%CONTACT_FORM_MAIN%% and in the textbox on the page where you want the “Thanks” message, you type this: %%CONTACT_FORM_SUB%%. Then in iTweak, select the two pages and your ready to go.
• The search and replace feature works as one expects. You can save the table data and load existing ones. Remember, this replaces the HTML of your site. This also means that your replace code show be in HTML

As I am still working on iTweak, I have finally reached the very end of releasing it. There are only two more bugs and features to complete and then this app will go out in the world.
One of the great new features of iTweak is the ability to create a PHP contact form for your iWeb site. I have been creating a very good one and I am close to actually using that one.

Take a look at the demo here.

Any recommendations and ideas are gladly heard! This would be the basic outcome of the form if you use iTweak. You can use the comments below to tell me how you like/dislike it.

Thanks and happy easter!

Okay, I have finally put together a close-to-working version of iTweak. It does nearly everything but there are still, some annoying bugs that I want to fix. That’s why I am also sending out a private beta to certain testers so they can really give me some feedback.

It is a private beta because I do not want to send out a not-fully working version and then get zillions of support mails. Sorry about that.

BTW – All of those who gave iWebExpander up cause of the Timeout error, that error is now fixed! YAY!

Enjoy (at least those invited to the beta)!

Anyone who feels that they should be part of the beta, drop me a mail and I’d be willing to send you the beta. Though, this is not to get the next version, this is for me getting feedback! I will only send the beta to those of which I feel they can provide that feedback and not just tell me “this is not working but I love iTweak.”

Lastly, to really get you watering, here are some screenshots: