Dec 11

EverWebPowerUp’s New DropDown CSS Menu Button Widget for EverWeb

Over at EverWebPowerUp, another free EverWeb Widget is now available for all EverWeb users

Called DropDown Menu Button, this free EverWeb Widget lets you add drop down menus to your web site with a host of customization options to help you match the web site button style to your web site.

Why Add A DropDown Button to Your Web Site?

A dropdown menu button can be used in many different ways. Most commonly, it can be used a a “sub” navigation menu that lets you navigate around pages within a directory, for example.

You can add the DropDown menu to a page on your web site and add any number of menu items to it that link to other pages on your web site.

Alternatively, you can use it to link to third party web sites. For example, a “Connect With Us” button that lists your social media links like Facebook, Instagram, or Twitter to easily lead your visitors to connect with you.

Provide Download Options with DropDown menu

You could also use the DropDown menu button to provide a list of downloads, such as PDF documents for example. With the menu links, you can link to an external web site. That means you can add full URLs to a downloadable file, PDF, presentation, word document or anything else you can imagine.

Pure CSS Menu Button for EverWeb

Add a Pure CSS Button

Benefits of the EverWeb PowerUp DropDown Menu Button

One less obvious benefit of the EverWeb PowerUp DropDown menu is that it uses pure CSS to achieve some of the advanced mouse hover effects which results in a fast loading web site for you and your visitors.

It’s also completely customizable in that you can edit all colors, styles, text, alignment and fonts. This includes not only the actual button you add to your website, but the menu item options as well.

Download & Install This EverWeb Widget

Like all EverWeb widgets, this one is just as easy to install. Simply download the DropDown menu Button from the EverWebPowerUp web site and then double click it to have EverWeb install it for you.

Now you can just drag and drop it on to any page of your EverWeb web site.

Once added to your web page, select the button and go to your Inspector. Select the last tab (the Widget Settings tab) and modify any of the settings you see there.

EverWeb DropDown CSS Button

EverWeb DropDown CSS Button Settings

All the colors and fonts are fully customizable so you can easily match the look and feel of your web site.

If you scroll down to the bottom of the settings you will see the Menu Links. From here you can add your menu items and then specify a link to either one of your pages, or an external web site.

EverWeb DropDown Menu Button Link Settings

Link Settings for Each Menu Item

From the above screenshot I have selected one of my pages to link the menu option. But I could also specify an external URL if I wanted to in order to bring the user to any website of my choosing.

All in all, this is a great free EverWeb add-on that can enhance any web site and offer a bit more flexibility and uniqueness to your web site.

DropDown Menu Button on Responsive Web Sites

With EverWeb 2.8’s new Responsive Design Layout mode you can use this widget on both Fixed Width websites and Responsive Websites.

The Widget can work in Full Width, and since it is all create in CSS, it looks great!

It can also be used within EverWeb’s new Responsive Row Widget making it a great addition to your all new Responsive Website. In fact, you can see it in real world use on the EverWeb Video Tutorials Page.

Nov 23

A responsive website lets you build one website that works on all devices, for all users, no matter what browser, phone, computer etc…  they use to visit your website. Basically, there will never be a horizontal scrollbar.

The advantage of a responsive website is that they work for all users without having to redesign your website for each device.

The disadvantage is that they are a little more complicated to create and take some time to test on all the different devices that visitors use to visit your website.

Many different website builders exist to create websites, both responsive and regular websites. The main problem is understanding how to properly build your responsive website so that it just works.

One Trick to Building Proper Responsive Websites


The main trick to designing a responsive website is;

Keep it simple!

This means you don’t want to be adding too many complex design ideas to your website.

Think of your website as a vertical stack of sections such us;






So, each part of your website lines up vertically, stack on each other instead of a column based design you might see in older based websites.

What is a Responsive Website Video Tutorial


How to Build a Responsive Website


Normally, building a responsive website would be planning out how you want the website to appear on mobile, tablets and desktop computers. This is done by setting markers, known as breakpoints at the common width of a mobile device, table and desktop computer.

This process can of course get tedious.

A much easier way to do this is to follow the above format of designing a responsive website, sections stacked on each other.

When a section contains too much horizontal content, the content is wrapped to the next line,  increasing the length of the browser page.

With EverWeb’s Responsive Web Design layout, this is all taken care of for you.

Creating & Understanding Responsive Website Design


With EverWeb, we can add a new Responsive page. There are many templates to choose from (or you can start from a completely blank page).

Click the ‘Add Page’ button in the toolbar and choose your template. We will choose the Home page for the Client template.

Add A Responsive Web Page to Your Website

Add A Responsive Web Page to Your Website using the Add Page button in EverWeb’s toolbar.


Once added to your website you will see that each part of your website is broken up into sections which are stacked horizontally, as described above in this tutorial.

If we wanted to, we could re-arrange each section by dragging them up or down on our website. But before we do that. let’s see what happens when we resize our window.

Desktop Layout for a Responsive Webpage

Desktop Layout for a Responsive Webpage


As we resize our window, the objects within each row are wrapped to the next section so that they fit within our window without scrolling horizontally.

That is, essentially, a responsive website. It responds by re-arranging its design to the width of the web browser.

This is a very simply example, and with EverWeb’s new responsive widgets, you can set even more advanced customizations, such as making an image or text expand to the browser window width.

For now, let’s make sure that the basic concept of designing a responsive website is covered.

Smaller Width Responsive Page

Smaller Width Responsive Page

So how is this responsive behavior achieved so easily?

EverWeb’s Responsive Row Widget


The new Responsive Row widget, which can be found under the Widgets tab, lets you group elements that are wrapped to the next line as the browser width gets smaller.

From the screenshot below you can see the Responsive Row widget that we can drag onto your web page, just like any other widgets.

EverWeb's Responsive Row Widget


Once we drop the Responsive Row widget on our website it looks like this and allows us to now drag and drop any element into it, such as images, text, or any other widget.

And as we learned above, EverWeb will automatically adjust the content so that they fit nicely within our web browser, no matter what the width is. There will be no horizontal scrolling on any device.

Responsive Row Settings for EverWeb

Our settings under the Widget settings let us give;

  1. Give the Responsive Row a name so that we can easily identify it. This is useful when you want to embed existing objects on your page in a Responsive Row. You can right click on any other element and select ‘Embed in <Responsive Row Name>’
  2. The alignment lets us align each object vertically and horizontally. Generally the default settings of Middle and Center will be the desired behavior.
  3. Padding lets us add some spacing at the top and bottom of the Responsive Row to space out our stacked sections as we like
  4. Inset Margin defines a spacing around each object within the Responsive Row so that they can be spaced out nicely

Some Advanced Responsive Row Tips


The Responsive Row has some other very nice features.

  • As mentioned, we can embed any existing object in a Responsive Row by right clicking on it and selecting ‘Embed In’ and then selecting the Responsive Row

Embedding Elements in Responsive Rows

  • All of the Fill Shape options under Inspector->Shape Options->Fill work with the Responsive Row and work properly on responsive websites. That means you can make nice gradients that load quickly or even use the image fill options to add responsive hero images
  • You can use the full width margin settings under Inspector->Metrics tab to adjust the left and right margins if you don’t want the Responsive Row to take up the entire width of the browser

More Advanced Responsive Website Tricks


The official step by step video tutorial for the Responsive Row Widget can be seen below. It walks you through using the Responsive Row on a Responsive EverWeb Website.

In addition, the Video, Audio, Youtube and Vimeo widgets let you add responsive Videos and Images to your website that will adjust their aspect ratio properly for your responsive website.

If you are looking for even more flexibility and design control, the new FlexBox widget will provide you with even more options for creating awesome responsive websites in EverWeb. We’ll cover that in the next tutorial.

I hope you have enjoyed this tutorial. If you have any questions, please post them below.

Mar 10

Last week, EverWeb 2.7 was released. One of my favorite new features is the access to free stock photos that can be used on any website.

There is pretty much a stock photo for absolutely anything you need and they are super easy to access.

From the Window menu in EverWeb you can select ‘Stock Photos…’ to bring up the new Stock Photo Search Window. From here you can simply search for absolutely anything you need.

stock photos example search


Once you have found the stock photo you want to use, simply drag and drop it from the Photo Search Window to your EverWeb website.

You might notice that if you hover your mouse over the stock photo for a few seconds you will see a large preview.

Stock photos in use everweb


According to the EverWeb website, you get access to over 500,000 stock photos that can be used on any EverWeb website, royalty free. You can use Photos in blog posts, shapes, background images, or just drag and drop to your Assets list to store for later use.

The Stock Photo feature is one of my favorite new additions to EverWeb 2.7, but there was plenty more released in this version.

What is your favorite feature in EverWeb 2.7?

Aug 05

When ever you browse the internet, information passes from your computer to the web site you are visiting. Information like which website you are visiting, keywords you use in Google, details you enter in a contact form and more are transferred between computers.

Normally, without encryption, this data is transferred in plain text. It is possible for anyone to actually see the information that is being transferred from your computer to the server (or website you are visiting).

To fight this, HTTPS was introduced which encrypts all data from your computer to the server and back.

If a website starts with https:// it means no encryption is happening and everything is being sent using plain text. If a website is using https:// then the data is encrypted and it is impossible for anyone to see the data that is being transferred.

When purchasing items online, or filling out contact forms, protecting your privacy is important so a big push is happening now to change all websites from regular https:// to https://

In fact, Google will give an instant boost to your website’s listing if you move to HTTPS.

Some web browsers will even show a warning if a website is not using HTTPS which can scare away potential visitors from your website.

How to Change Over to HTTPS

To use HTTPS you need an SSL certificate. You can usually purchase one from your hosting company.

Once you have an SSL certificate you need to forward your old http website to the new https website. This is important because if you don’t do it then you will end up with two different URLs which will hurt your search engine rankings because Google will see two websites with the same content and it will negate the benefits of https because most visitors will continue to visit the plain http version.

To properly forward http to https can get a little technical. Many web hosts are slightly different so I will explain the way to do this for the most common servers. Confirm with your web host that you are using Apache on a Linux server and that they support .htaccess files before doing the following.

  1. You need to create a .htaccess file at your root directory. You can do this with any FTP program
  2. Edit your .htaccess file and add the following code;
    RewriteEngine On 
    RewriteCond %{SERVER_PORT} 80 
    RewriteRule ^(.*)$$1 [R,L]
  3. Change to your actual domain name.

What the above code does is tell your web server to forward any traffic going to https:// to redirect to the https:// version. Your website visitors don’t have to do anything more and they are automatically forwarded to your secure website.

Non-Technical Way with EverWeb

If you are using EverWeb to build your website, version 2.4 can actually do all of the above for you without any work on your part. You will need the EverWeb + Hosting platform to take advantage of this feature.

All you have to do to switch over to HTTPS with EverWeb is;

  1. Make sure you have the EverWeb Site Shield add-on
  2. In EverWeb go to the File menu and select ‘Edit Publishing Settings’
  3. Check the box that ‘Use HTTPS Secure URLs’
  4. Publish your website

Get Your Instant SEO Boost with HTTPS

In order to quickly take advantage of the SEO boost with an HTTPS website you will need to submit an XML sitemap of your website to Google and other search engines.

An XML Sitemap will make a list of all of your web pages, along with important meta information like the last updated date, how frequently your web pages are updated and a few more details.

It is important to create an XML Sitemap file with your new https:// URL and submit it to your Google Search Console account.

There are many ways to create an XML Sitemap. You can make one that just lists your web pages, or you can also make a more complex one that includes the meta details discussed above.

To create an XML sitemap file follow these steps;

  1. Use a Sitemap Generator such as Sitemap Automator or
  2. Create your Sitemap using the above tools
  3. Upload your Sitemap to your root FTP account
  4. Login (or create) a Google Search Console account
  5. Follow the steps to add your website, verify your account, and submit your sitemap file

If you are using EverWeb, iWeb or any desktop website builder you can follow these video tutorials;

  1.  Video tutorial for creating your XML Sitemap File for EverWeb websites
  2. Video tutorial for creating an XML Sitemap file for any website builder

By the end of the year HTTPS websites will be the norm. It will be essential that everyone is switch over because Google and other search engines will essentially require it. Web browsers will start giving warnings for non HTTPS websites as well which may scare off your website visitors.

Switching to HTTPS should be straight forward. If you have any questions, please post them below.



Apr 07

I’ve been contacted over and over again about users stuck because Apple discontinued iWeb and they need a solution to update their site.

I know the feeling, you rely on a product, you learn it, you become an expert and then one day, it stops working! Do you really have time to learn something new?

Well you don’t have to worry anymore! I can get you converted from iWeb right into EverWeb which is almost the exact same thing, just with new, modern features. If you used iWeb, EverWeb will feel like the exact same thing.

I’ve teamed up with EverWeb to help update an iWeb site and bring it into EverWeb.

With this service you will get virtually the exact same iWeb site, just built in the new, modern EverWeb app, which works just like iWeb and with constant updates, 24/7 customer support and awesome new features.

Within 10 days (depending on the size of the iWeb site), you’ll be back in business with the ability to update your website with EverWeb, with absolutely no work on your part.

Get Your iWeb Conversion Quote

Simply fill out the iWeb Conversion form on EverWeb’s website.  Myself or someone from EverWeb will get back to you within 24 hours with a quote for you.

Convert Your iWeb Site On Your Own

Looking to convert your iWeb site to EverWeb on your own? That’s no problem either.

This iWeb to EverWeb video tutorial will discuss how this can be down.

Did you know EverWeb can even import your iWeb blog? It’s the only tool available that can actually import al your blog posts. Learn how in the iWeb to EverWeb Blog Import Video Tutorial.


No matter which option you choose, I want to relieve the frustration you may have when updating your iWeb site. So please, leave any questions here and I’m happy to address any questions!


Why Update to EverWeb?

I’ll list just a few of the benefits of updating your iWeb site to EverWeb.

  1. EverWeb is actually support and constantly updated.
  2. EverWeb has 24/7 customer support
  3. MasterPages lets you update one page and have your changes reflected on your entire site
  4. Mobile Pages!
  5. Built in SEO features for more website visitors
  6. Dropdown navigation menus
  7. eCommerce and PayPal integration
  8. Fast loading pages, HTML5 and CSS3
  9. Lots of third party widgets and add ons


Nov 16

I have heard from a lot of readers here that they have been holding off from upgrading their web site from iWeb to EverWeb because of the lack of a blogging feature.

A few days ago, RAGE Software released EverWeb 2.0 with the very feature you have all been waiting for, blogging!

I have been testing EverWeb’s new blogging features for the last few weeks. My goal is to convert this web site to an EverWeb web site now that blogging is provided, and it looks like it is now time for anyone else to convert their iWeb website to an EverWeb website with this update.

How to blog With EverWeb 2.0

Blogging with EverWeb could not be easier. If you remember how iWeb worked with blogging, it will be just as easy to EverWeb.

  1. From the toolbar press the ‘Add Page’ button
  2. Select the ‘Blank’ template from the top of the templates list
  3. Select the ‘Blank’ template from the top of the templates list
  4. You will see the new Blog page option, click that and add the page
  5. Your blog has now been created in your web page list

In the web page list you will see a new Blog directory page, a posts page and an archive page.

  • The Blog page is the main page of your blog that will list your most recent blog posts
  • The Posts page is where you will actually start creating your blog posts
  • The Archive page is where you will see all your historical blog posts

Creating Blog Posts

Click the ‘posts’ page in the web page list. From here you will see your blog posts above EverWeb’s design canvas as shown below;

Blogging with EverWeb 2.0

Press the ‘New Posts’ button to create your first post. Then, in the blog entry field below, just start typing. You will see the design canvas update as you type.

And that is pretty much it. EverWeb, takes care of the rest for you.

Your forward/next links, blog archive listing, RSS feed and more…

Three Helpful Tips When Blogging

  1. Always check the Inspector->Widget tab (last tab in the Inspector) when you have the blog post widget selected, or blog archive widget setting. You will see a lot of customization options there for your blog
  2. If you find typing to be slow while typing in the blog entry field, make the design canvas as small as possible by hovering your cursor on the bottom edge of the blog entry field and resizing it. The design canvas won’t constantly update until you resize it to be larger. This can speed up typing for large blog posts
  3. Under the Insert->Buttons menu you will see the option to enter an RSS button. RSS lets your visitors subscribe to your web site’s blog to see updates in their RSS readers.

I’ll return with more tips and tricks for blogging, but for now, let me know your questions or comments in the comments section below!

Oct 31

It’s surprising while scanning the number of people who have held on to iWeb after all this time.

A quick visit to the Apple Discussion forums still shows some people have stayed with iWeb.

Although there are a bunch of options for building a website these days, the overwhelming consensus has been to switch to EverWeb because of the similarities to iWeb and the company behind it, a long time supporter of iWeb.

I think a lot of users have been holding out for the much anticipated blogging feature in EverWeb 2.0. Fortunately it looks like the long wait is over, EverWeb 2.0 will include the popular blogging request.

According the above link, what interests me the most is the ability to import WordPress and iWeb blog post data.

I have been considering switching this website over to EverWeb and it looks like with the impending EverWeb 2.0 release with blogging support, it may just be the time to do it.

So if you’ve been holding out on making the switch it may be about time to take another look at EverWeb, especially with the latest iWeb issues on macOS Sierra.

What has kept you sticking with iWeb? Are you waiting for the EverWeb blogging feature?

Tagged with:
Jun 20

An important thing that web masters sometimes forget is that website styles change. This is similar to the fashion industry, which is why you see different styles come and go. Keeping an up-to-date and modern website is important for keeping visitors on your site.

I want to quickly touch upon 3 ways of enhancing your website and adding that small detail that makes a big splash.

Custom Modern Fonts via Google Fonts

Google Fonts has a huge collection of really nice/modern fonts that take your website beyond Arial. These fonts are all free to use. And best of all, there is no installation process for using them on your EverWeb site. Check out this video tutorial to see just how easy it is to download and use Google Fonts.

Resizing Header On Scroll

This is one of my personal favourites. The resizing header is a very modern feature for your site that serves two purposes. First, it adds a nice interactive touch to the site, whereby the visitor changes the size of the header when they scroll down (or up) the page. Second, it keeps the navigation menu on the page at all times, making it easy for the visitor to navigate from page to page on your site. This feature requires a third-party widget from EverWebCodeBox and a bit of attention to detail. See this video tutorial to learn how to add a resizing header to your site.

Anchor Links

Anchor links are an easy way to enhance the navigation of your site. When you want to send a visitor from one particular spot on your page to another, anchor links are the best way to do it. In EverWeb you can create an anchor link that will quickly jump the visitor from one place to another, and/or an anchor link that will smooth scroll the visitor to a particular spot on a page. For the smooth scroll option, you will need some code, or a widget. The video below will show you how to add anchor links to your page in EverWeb.

Thanks for reading and I hope this has inspired you to make a change to enhance your website.

EverWeb is a desktop application that will allow you to make your own website by just dragging and dropping objects on a canvas. No coding is require, and no website building experience is needed. To learn how to use EverWeb, there is a large library of video tutorials that will teach you everything you need to know.

Jul 14

Ever wonder where that tiny little icon next to the address bar, or on the left side of a tab in a web browser comes from? This tiny image is known as a favicon. It allows websites to ‘brand’ their site in a web browser with their company logo or icon. You can easily add your own icon to your site made in EverWeb. This feature is available on the Site Publishing Settings page. Normally you would need to upload a 16×16 image labeled ‘favicon.ico’ but EverWeb takes care of all of this for you. Just select the image you want to use and publish your site. The video tutorial below will illustrate how to utilize this feature.

Jul 10

One of EverWeb’s built-in widgets is the Image Slider. This widget allows you to create a slick looking slideshow on your website. Some people might use the image slider as a preview for a larger image gallery, or for other purposes such as a slideshow to show off their professional photographs. Whatever use you might have for the image slider, it is definitely a great addition to any website. EverWeb’s image slider widget is highly customizable so making it fit the design of your site is rather easy.

Below is a video tutorial that will show you how to use the image slider widget. From EverWeb’s latest major update (1.8) you can now make the image slider respond to the width of the browser. Let me know what you think of the image slider and what features you like/dislike or think needs to be added to it.

Tagged with:
Jun 20

My favourite new feature that was introduced in version 1.8 of EverWeb is the ability to make your site have full width design. In my opinion, this is taking the current sites that EverWeb users are producing and bringing them from a 90’s look and feel, right up to the standards of a modern website in 2015.

The old look of a website with a browser background that is a solid color or tileable pattern has seemed to become outdated. EverWeb now makes it very easy for people to begin taking their websites to the next level with a full width design.

If you are not sure what I am referring to when I mention full width design, a good example is the PayPal website. Here is a screenshot below.

Notice the image that spans the entire width of the browser. As well, the background for the pricing chart also spans the entire width of the browser. This is now possible to do in EverWeb.

Here is another example of what can be done, also from the PayPal website:

Notice the blue background that spans the width of the browser. This will continue to be the case even if the user widens the browser.

If you are interested in learning exactly how to accomplish this in EverWeb, check out the video tutorial that the EverWeb guys have posted.

Have you had a chance to create a full width design in EverWeb? Post your URL below and share!

Aug 19

As a webmaster, one of your top priorities is to make sure that websites you are building for your business (or your clients) are as professional as they can be. Having a website that comes off as unprofessional, annoying, or something that looks like it was made by a child can cause a potential customer to look elsewhere.

Here I will outlined (in no particular order) 5 ways to make your website more professional.

1. Ditch the hit counter

Remember back in the 90’s when websites would compare their popularity with a chunky hit counter? Those went out of style along with Pogs and overalls. If your website still has a hit counter on it, consider removing it and replacing it with an invisible tracker such as or Google Analytics.

2. Remove your splash page

Brick and mortar stores need to have doors. Your website does not. When a customer visits your website, don’t make them click a link to ‘enter’ your site. They are already on your site and should not require an extra click to get to the important part of your website. If you have a cool graphic that you don’t want to go to waste, you can always find a different place on your site to put it.

3. Speed up your site!

Does your site load slowly? Check your page’s speed by running your site through this test. If you get a very low score, consider speeding up your site by removing large images and fixing any errors that may be present.

Slow loading websites can cause impatient visitors to hit the back button. In addition, the speed of your site may have an effect on your website’s rankings in search engines.

4. Auto-load Audio

Many websites still have music (or videos) that play automatically when a user visits the page. This can be annoying to many users. Consider making your music not play automatically, but instead give the user the option of clicking on the play button themselves.

5. Mobile Friendly Website

A large number of users will be visiting your website on their mobile devices. Make sure that you have created a version of your website that is mobile friendly. This will create a much better user experience and will result in less users exiting your website from their mobile devices. EverWeb users should check out this video tutorial that will show you how to easily setup your mobile website in EverWeb.

Jun 11

RAGE Software released EverWeb 1.4 yesterday which includes many updates, one of which being the much anticipated image gallery captions feature. Since the launch of EverWeb, users – especially iWeb users – were eager to see an option for captions in the image gallery. The folks at EverWeb even got users excited by a popular Facebook post which gained a lot of “Likes” very quickly. Captions can now be added to each individual image in a gallery (Image Gallery widget).

Image Gallery Caption Feature in EverWeb

Image Gallery Caption Feature in EverWeb

Also included in the image gallery update is the ability to specify the number of images per page that you want. This is a big feature for users who have a large number of images in their galleries. Instead of having a really long page with say, 100 images, you can split that up into 5 ‘image pages’ of 20 images. You can easily navigate from one ‘image page’ to the next by clicking on the links that automatically appear right above the gallery (see image above).

Other items worth noting is that the captions are used as alternative text, so for those focusing on search engine optimization (SEO), you will definitely find this feature to be very useful. You can also now drag and drop multiple images into the image gallery’s assets list. Likewise, you can also delete multiple images at one time. You also have the option to show, or hide the social buttons in the image gallery’s slideshow.

Other enhancements put into EverWeb 1.4 is the ability to add multiple images at one time for the Image Slider widget. You can also deleted multiple images from this widget as well.

It is very exciting to see these improvements in EverWeb and I can’t wait to see what the future has in store. EverWeb really does appear to be a fantastic iWeb replacement, and it just keeps getting better and better.

Mar 11

The new version of EverWeb, brings a whole list of new enhancements. One of the more notable enhancements is the ability to password protect a website. Unlike iWeb which only let you password protect your entire site with just one password, EverWeb lets you password protect sections of your website with an unlimited number of usernames/passwords.

This is a great way to create a membership page that offers exclusive content to your visitors. You can provide unique usernames/passwords to anyone who purchases your products or services.

Note: Password protection is only available in the EverWeb with Hosting option.

Password protection works by protecting directories on your website. Press the Add Directory button in the toolbar at the bottom of the EverWeb window.

You can label it whatever you like, in our example we’ve chosen Members Only. You can also press the ‘Add Page’ button to add child pages to this directory. If a visitor tries to access any of these pages through their browser, they will be prompted for a username and password.

EverWeb Password Protection

Create a directory for Password Protection

Next, select the directory that was just created and select the ‘Page Settings’ tab in the Inspector. Scroll to the bottom of that tab until you see the Password Protection section. From there you can enter username and password combinations.

Add Passwords

Add Passwords

Usernames and Passwords are case sensitive.

Once you add your passwords you can publish your site. When a visitor visits this section of your site, they will be prompted for their username and password in order to access it.

Feb 13

Although Mavericks has been out for a while now, iWeb users who have not yet upgraded have been emailing me wondering if iWeb works properly on Mavericks (OS X 10.9).

The short answer is, yes it will work just as it does on Lion and Mountain Lion.

The long answer is that there is a growing number of features that have stopped working, and they are mostly related to MobileMe closing. These features include Google Maps, MobileMe Galleries, Password Protection, Blog search, and Blog commenting.

Although we have discussed some alternatives for the above such as how to add Google Maps to an iWeb site. The reality is that the work arounds are getting a bit tedious now.

In addition, iWeb will never support the newer features introduced with each operating system or hardware. For example, it is not possible to create Retina ready websites for iPhones, iPads and Retina MacBooks. New CSS techniques that let you properly style text without converting them to images and new, modern styling techniques will never be supported in iWeb. That’s a big shame and something that will hold back your website from its full potential.

As we’ve discussed before, EverWeb is a great iWeb alternative. Recently EverWeb introduced Master Pages which means you can design your site once and then apply that design to all pages on your site. When you want to update your site’s design, you just update the Master Page and your entire site is updated. This also means that re-designing your iWeb site in EverWeb just got much easier. Future updates to your site will also be much more manageable. You no longer have to go through each page on your site whenever you want to make a small design change.

As of this writing, EverWeb 1.3 is in beta testing and includes Password Protection (The ability to have unlimited passwords for different parts of your site, not just your entire site), 404 not found pages and direct FTP publishing.

My recommendation is that it’s time to replace iWeb with EverWeb. There is virtually no learning curve since they are very similar, EverWeb is actively developed for Mavericks and it includes more modern features that can benefit your website.

There is an iWeb to EverWeb video tutorial as well that can help you transfer your website.

Feb 05

As we have been discussing in previous posts, EverWeb is a new iWeb-like editor that will allow you to easily make your own website.  As I was talking to some small business owners last week, I was astounded to hear how much money they were spending on their websites, and nearly none of them we’re happy with the current site they had. It’s times like that I think we are lucky that we all know about iWeb and now EverWeb. Thousands of dollars can be saved by doing it yourself, and you just can’t put a price tag on having all the control over what gets done and how it gets done.

E-Commerce was a hot topic with iWeb, and this is no different with EverWeb. Luckily, adding e-commerce to an EverWeb made site is actually very easy to do using PayPal. All you will need is a free merchant account. You will be able to add Buy Now buttons, or even Add To Cart button’s that will allow users to add multiple items to their shopping carts before checking out. This is extremely useful for those of you that sell multiple items on your website. You can also use PayPal for adding Donate buttons, as well as subscription based payments.

If you do not like the default buttons that come with PayPal, you can upload your own custom buttons while creating the button on PayPal.

Here is a video tutorial that will actually show you the process of  setting up a basic add to cart button in PayPal. You may be surprised at just how easy it is.

If you have any comments or questions, please let me know. If there are any requests for similar third-party additions to your EverWeb site, leave a comment below and let me know. I hope everyone is having as much fun with EverWeb as I am.

Dec 04

Web Clips (or Touch Icons) provide an icon that will appear on iOS and Android devices when a user chooses to save your website to their Home Screen.

You can try this yourself by opening a web page on your iPhone and press the Share button (middle button at the bottom of Safari on iOS 7). Then select the ‘Add to Home Screen’ button.

An icon will appear on your Home Screen that gives you quick access to your web site. If you want to provide your own icon for your web site you can do so with a Touch Icons.

To add Touch Icons to your website in EverWeb is very easy.

First you need to actually create your touch icon image file. Touch icons should actually be in 4 different sizes for iPhones, Retina iPhones, iPads and Retina iPads. However, if you want to take a shortcut make just an icon that is 120 x 120 pixels. This is the size for Retina iPhones and will be resized by the devices.

The optimal sizes for all four devices are as follows;

iPhone: 60×60 pixels
iPhone Retina: 120×120 pixels
iPad: 76×76 pixels
iPad Retina: 152×152 pixels

The touch icon image should be saved in PNG format.

Next, save your default touch icon image using the file name;


If you are creating images for all 4 devices you can name them as follows;

Next, drag all your PNG images into the assets list in EverWeb.

Then, select your web page name in the upper left hand corner to bring up the publishing settings. Where it says Head Code, paste the following;

If you have specified all 4 icons than ADD the following lines to the Head Code field;

<link rel="apple-touch-icon" sizes="76x76" href="{!-ASSETSPATH-!}External%20Files/apple-touch-icon-iphone-retina.png">

<link rel=”apple-touch-icon” sizes=”120×120″ href=”{!-ASSETSPATH-!}External%20Files/apple-touch-icon-ipad.png”>

<link rel=”apple-touch-icon” sizes=”152×152″ href=”{!-ASSETSPATH-!}External%20Files/apple-touch-icon-ipad-retina.png”>

And that’s it!

You can load up your site on your phone and try it out.

Tagged with:
Nov 22

Unlike iWeb, EverWeb has built in support for many SEO features. For those still using iWeb, most of the features found in iWeb SEO Tool are actually built into EverWeb. This makes optimizing your EverWeb sites much easier.

This article will go over the basic meta tags that can easily be added in EverWeb.

When your website is opened in EverWeb go to the Inspector and select the Page Settings (first tab). From here you will see fields for your web page file name, title tag, and meta description. I’ll explain each of these below.

Meta Tags in EverWeb

Meta Tags in EverWeb

File names
Your web page file name is what will appear in the path bar at the top of your browser. For example, it will be show up as;

Website File Names

The file name in this case is filename.html

For file names you should include 1-3 keywords, separate by -‘s. So for example if your website sells computer widgets you may want to use;


All your files names should be unique and related to the content on the page. Your default page (the first page listed in EverWeb’s web page list) will always be named index.html no matter what is entered in here.

Title Tags
The title tag is what appears at the very top of your web browser and in search engine result pages when someone searches for your website.

It is important for title tags to contain your most important keywords yet be short and enticing so searchers would want to click it if it appeared in their search results.

A good title tags contains 2-5 characters and is no more than 140 characters long. For example;

Computer Widgets – Florida’s Top Widget Maker

A good idea is to have your city name if you are a local company.

Web Page Description
Your web page description is hidden from your visitors when they visit your page but it is what appears underneath your title tag in search engines.

A good description relates to your web page and contains some of your important keywords. It also entices people to click your link when it appears in search engines.

Descriptions should be kept relatively short and only contain about 2-3 sentences.

Web Page Keywords
Web page keywords used to be used a long time ago by search engines to rank your web site. These days they aren’t used much and can actually hurt your rankings. For example, Bing will use them detect keyword spam if you use too many unrelated keywords in there. It is best NOT to use the meta keywords tag. It has been left out of EverWeb for that reason.

In our next post we’ll dive deeper into search engine optimization tips for your EverWeb website.

Nov 13

In order to add Google Analytics to your iWeb website you needed an external tool such as iWeb SEO Tool.

With EverWeb, it’s so much simpler!

In fact, you can add pretty much any third party code directly within the application. In this tutorial, I’ll show you how to add Google Analytics specifically.

Google Analytics is a free service offered by Google that tracks visitors to your website. It can tell you where they came from, their location, what pages they visited on your site and so much more. It is a very powerful visitor analytics tool.

Your first step is to login to your Google account or create one if you don’t have one already. If you use any Google service you can use that account for your analytics.

Select the “Sign Up” button under “Start Using Google Analytics”. If asked, you should go with the Universal Analytics option (which should be selected by default). Enter the required details and press the “Get Tracking ID” button at the bottom of the page.

Now you’ll see a new screen that has your Analytics tracking code that must be entered on your website.

Google Analytics Tracking Code

You are going to have to copy the text in the field labeled “This is your tracking code. Copy and paste it into the code of every page you want to track.” This is what you will be adding to your website.

Next, open your website up in EverWeb. Select your website name in the upper left corner of the window as indicated in the image below. Then in the Head Code field paste your Google Analytics code.

EverWeb Publish Settings

Once you have done that publish your site. Your Google analytics will start tracking within 24 hours.

Nov 02

It’s finally here! EverWeb, the iWeb replacement app that has been in testing for a while now is finally available.

If you love iWeb, you’ll love EverWeb. It’s like iWeb on steroids. It features;

  • Built in search engine optimization features
  • Drop down menus
  • HTML5 Video
  • Drop down navigation menus
  • Slick image sliders
  • Cool mouse transitions
  • And much more…

We’ll write up a full review soon but for now, get your free trial copy to check it out.

Jan 16

If you recall from a post I made about one month ago, there were rumours circulating about a possible iWeb replacement on the way.

The rumours have been confirmed, and the iWeb replacement will be called EverWeb.

EverWeb will be demoed at this years MacWorld/iWorld show in San Francisco.

Users can ‘Like’ the EverWeb Facebook page, and interact with the app’s developers, and other highly excited future users.

Dec 13

According to All About iWeb an iWeb replacement is on its way.

This is extremely exciting news! We have all been waiting for an iWeb replacement since Apple has had no plans to update the current version and there is nothing that really comes close to what iWeb offered. It could even be iWeb itself, but we won’t know until more information is released.

You can sign up to be notified when the iWeb replacement is released.

Let’s hope this is actually what we have been waiting for! Leave your comments below if you are excited as I am.

Nov 23

RAGE Software just emailed their latest video tutorial which is based off of their popular short URL video. This new video shows iWeb users how to get rid of the redirect in iWeb (you know how typing in your domain redirects it to a longer URL). If you are interested in getting rid of your redirect, take a look at this tutorial to learn how. Let me know what you think. The application shown in the video is iWeb SEO Tool.

Oct 18

As we all know, iWeb, though fully functioning, is no longer being further developed by Apple. AllAboutiWeb has started a good discussion on what users would like to see in a potential iWeb alternate/replacement. I encourage everyone to head on over there and participate in that discussion. My source from AllAboutiWeb has told me there is a reason for this question, however, nothing has been confirmed, so it is just a rumour as of now.

Leave your comment on All About iWeb

Sep 24

RAGE Software recently published a tutorial on making a mobile version of your website. The tutorial is a great resource as many users have been looking for step-by-step instructions on setting up a mobile version of your site. The tutorial shows you how to setup the page in iWeb so that it is mobile ready, and then gives you some basic tips on creating the mobile site. But most important of all, the tutorial will show you how to set it up so that when a user visits your site on an iPhone or Android, the browser will recognize the device and automatically forward the user to the mobile version of the site. Watch the tutorial below and try for yourself.

Aug 21

Since MobileMe has been shut down users are now finding that their Google Maps widget no longer works. It will show a “MobileMe is Closed” image instead of your actual Google Map as shown;

mobileme is closed

MobileMe is Closed

Fortunately this is an easy issue to fix. Instead of using the Google Maps widget you’ll have to use the HTML Snippet Widget;

Add Google Maps With an HTML Widget

Add Google Maps to your iWeb site With an HTML Widget

  1. Go to
  2. Enter your location in the search field
  3. Enter Google Maps Address

    Enter Google Maps Address

    3) Select the “link” button. It looks like a Chain link and is on the left hand side of the window

    Select Link

    4) Copy the code that says “Paste HTML to embed in website” into an HTML Widget in iWeb

    Copy Google Maps Code to HTML Widget

    Copy Google Maps Code to HTML Widget

    And that’s all there is to it. So you can continue to use Google Maps even though MobileMe has been discontinued. You will have to go through your iWeb site and delete all of your Google Maps Widgets and replace them with HTML Widgets.

May 31

I hope by now, you have found a new place to host your iWeb website. With just 30 days left of MobileMe, it is important to make the switch as soon as possible.

If you’ve read this blog before, you will notice that I recommend using RAGE Web Hosting as your replacement web host. Over the last few months, RAGE has put together some great articles and video tutorials that give MobileMe users more insight into the changeover from MobileMe. Most importantly, RAGE has been doing a great job illustrating why iWeb users need to switch to a new host, and how to do it so that it is an easy and seamless transfer. Below are a few of these resources that I have found to be most important and crucial for any iWeb user who is still using MobileMe.

Edit: One more thing I’d like to add is that for those of you familiar with iWeb SEO Tool, the program is no longer available for free, so RAGE will provide users signed up to their hosting for at least one year with a free serial number. Take advantage of this offer while it is available.

Leaving MobileMe but still retaining some of its features

Transferring a domain from GoDaddy to RAGE

RAGE Web Hosting FAQ

RAGE’s hosting sign up wizard

Also, keep in mind that you can visit their website, and wait about 60 seconds for a popup to appear that will allow you to live chat with a RAGE agent. You can ask them any question you want and they’ll be able to answer you. I hope everyone takes this switch seriously, as it will be a real shame to see what happens come June 30 and many website’s go down without people even realizing.

If you have any questions about switching from MobileMe to a hosting company, feel free to ask in the comments section.

Feb 28

So we’ve spoken about SEO and RAGE Software’s iWeb SEO Tool before, but RAGE Software recently posted a video about their much more powerful SEO app called SEIntelligence. The video basically outlines what SEIntelligence is all about and how an iWeb user can greatly benefit from it. So since the video tells you pretty much everything you need to know, I’ll let you take a look and see for yourself.

Just a quick note: SEIntelligence is available to purchase on RAGE Software’s store, or the Mac App Store for $199.95, but for those of you who wish to purchase it at 25% off, just leave a response in the comments section and a rep from RAGE Software will send you an e-mail with the discount link. This is a limited quantity offer, so post your comment as fast as you can. Also be sure to leave your e-mail address as a way for them to contact you.

Jan 31

MobileMe’s days are numbered, and many of you have been inquiring about what will be happening to your website. Plain and simple, you need a new web host. My advice to you is don’t procrastinate, get this done as soon as possible. You will be thankful you did later on. Here is a quick video tutorial that will show you how to transfer your site from MobileMe to a real web hosting company. If anyone has any further questions, just let me know and I will do my best to help out.

As we inch closer and closer to the final days of MobileMe, many iWeb users should now be looking for a real hosting company to host their websites for them. In this tutorial, I am going to show you how to easily move your website from MobileMe to a real web host.

The first thing you will need to do is sign up for hosting. To do this, go to and click on Web Hosting. Then click on the Sign Up Now button. In this first step, you can either register a new domain name if you do not already have one, or you can transfer your domain over to RAGE Web Hosting. If you are not familiar with what a domain is,, and are both domains.

So if you want to register a new domain, type in the name in the first box under the Register a new domain option. You can also select the extension for the domain by clicking on this drop down menu.

If you are transferring a domain, click on the second option to transfer existing domain to RAGE Web Hosting and  type in your domain. When you are all done, click the Click to Continue button. You should see the domain you typed, and the Status reading Available. Then click the Click to Continue button.

On the next page, you will see some information about the services you will be getting. The drop down menu next to Billing Cycle will allow you to select how long you want to sign up to hosting for.

You can read through the remaining configurable options and check off anything else that you want to add to your order. When you are done, click on the Update Cart button.

On the next page, you will need to enter your EPP code. An EPP code, or authorization code, is a security code that verifies that you are the actual owner of the domain you are trying to transfer.

You can obtain this code by logging into your account where you purchased your domain from. You should be able to find the code by browsing around, or you can e-mail your current registrar and ask them to give you the code, and to also unlock your domain so you can transfer it.

Once you obtain the code, simply key it in and click on Update Cart. From there you will be able to checkout and order your hosting.

A few notes on some of the things I just mentioned. Firstly, I didn’t show the process for people who are just buying a new domain. That is because it is very straight forward and you won’t need any help with it. Second, if you are having trouble obtaining your EPP code, you can just e-mail RAGE Web Hosting and they will help you get it.

After you have signed up, you will receive your signup e-mails from RAGE Web Hosting. In one of those e-mails, you will see an e-mail that looks similar to this one. These are the FTP login details. All we need to do with these is plug them into the corresponding fields on the iWeb publish page. It’s always a good idea to click the Test Connection button to ensure you copied and pasted everything correctly. If you transferred your domain, make sure to follow the instructions in the Domain Name Details section of the e-mail, as you will need to update your name servers to indicate that RAGE Web Hosting is hosting your site as well as housing it.

And that’s it. Once you publish your site, you can then visit your website on your new web host.

Jan 18

Having a website doesn’t mean your responsibilities end with creating a nice site that is easy for users to navigate through, and hopefully purchase something, or call you to buy your products or services. A majority of the time, users coming to your site will not buy something, or will not make that phone call. But some users might like what they see and are curious to learn more in the future. Keeping these users close by is important and could eventually lead to that sale. Colllecting those user’s e-mail addresses is almost as important as collecting their money.

So for iWeb users, what is an easy way for you to do this? MailShoot, a mailing list manager by RAGE Software makes it really easy for iWeb users to collect e-mail addresses from their website visitors. In MailShoot, you can send out e-mails to your entire mailing list, or certain segments of your list. RAGE Software just released an update to MailShoot recently and the user interface has become very easy to work with.

Watch this video tutorial to see how to add the signup form to your site in iWeb.

Tagged with: