After adding the attention bar on my site in July 2011 to show the article “iWeb and Beyond” I had a lot of people on the comments, forum, facebook, and Twitter requesting to post a tutorial on how to add an attention bar to their iWeb sites. So this tutorial is on how to do just that. First off let’s explain what an attention bar could be used for. Of course I used it to on my site to get peoples attention and make sure a certain article I wrote got read. It’s pretty hard to miss. You might also use it to let your viewers know that your site will be experiencing some matainance, or perhaps you have a big deal or sale on your site, or you could use it for advertising, or if you really just need to get your viewers attention. So there are some ideas for how you could use this. Continue reading »
After adding snow to my site here on iWebUnlimited.com back in December I got a lot of people on the forum, facebook, and twitter requesting to post a tutorial on how to add snow to their iWeb sites. So I’ve found a really easy way to add this to your own site. I’ve created two ways that you can do this. You can either just add it into an HTML snippet and it will only snow in the snippet (which you can size to whatever size you want), or if you want it to snow everywhere (like I had on the site) you have to publish your site, then open your html page in an html editor and add just one line of code. It’s super simple, so let me walk your through how to do it. Continue reading »
Google Search in iWeb
It’s finally here! An easy way to get Google search on your iWeb site! Woo hoo!
So there are a few ways to get a Google Search into your iWebsite, an easy “paste code into an html snippet” way and a “more complex but sweet integrated google results” way. So let’s start with the easy one first, then we’ll move to the more complex one. Here we go!
So I know that I have done 3 other tips similar to this one (Fancyzoom, Highslide, and Lytebox) and I thought I was done posting tips about the fanzy popup realm, but when I found this effect I just had to post it. This in my opinion in the mother of all popup effects. Why? Because it supports so many formats natively to it. You can do, of course image, but it can also do swf’s, html, flv’s, YouTube, mov (Quicktime), even wmv (windows media), and more. It’s fantastic and works pretty much just like the other effects. So if you have done my other fancy popup tutorials than you will kindof already understand how this one works. But here goes the tutorial on how to do it.
So I know I’ve been on this kick of the little pop-up effect in iWeb and the FancyZoom and Highslide effects I thought we’re enough, but then I came across this effect here and found it to be pretty easy to implement (easier than Highslide), I thought I’d post this one as well. So here we go:
Here it is, finally a fancy zoom that will allow us to get not only images, but flash, video, and other html content. So first let me answer the question, what is Highslide JS? Highslide JS is a great way to get that ever so popular image zoom effect just like the fancy zoom post I did in the past. The difference is, is that this one will give you the ability to zoom more than just images. Though FancyZoom is a bit more light weight, there are some great advantages to Highslide. This tutorial you will need the use of an HTML editor like Coda, Espresso, Dreamweaver, even TextEdit. Just as long as you have some way to edit the html after iWeb publishes. I try to do as many tutorials trying not to get into post published html, but sometimes you just gotta do it to get the desired effect. So here is an easiest way I’ve found to get it into iWeb.
Edit: There is now a much easier way to add a favicon to an iWeb website. This is done using iWeb SEO Tool. Watch the video tutorial to learn how.
Original Article: How to get favicons in iWeb. First off, lets answer the question, ‘What is a favicon? A favicon (short for favorites icon), also known as a website icon, shortcut icon, url icon, or bookmark icon. It is an icon associated with a particular website or webpage. A web designer can create such an icon and install it into a website (or webpage) by several means, and most graphical web browsers will then make use of it. Browsers that provide favicon support typically display a page’s favicon in the browser’s URL bar and next to the page’s name in a list of bookmarks. Browsers that support a tabbed document interface typically show a page’s favicon next to the page’s title.
FancyZoom in iWeb, huh? What’s that. Well there are a many websites these days that have that popular image zoom effect so that when you click on the image it animates the photo larger. Well many have asked, how can I do that with iWeb? Well here it is, this is the tutorial to show you just how to do that. Keep in mind this one is a bit more complex, but it can be done without getting your hands to dirty in code.