iWeb Enhancer Flickr Tutorial
 
Flickr is the best online photo management and sharing application in the world.  This tutorial will guide you through the steps to use iWeb Enhancer to add Flickr to your iWeb site.
+      Back to iWeb Enhancer ➤
Step 1 - Sign up for a Flickr Account



It is quick and easy, and best of all, it is free.  Visit Flickr now to sign up and begin sharing your photos with the world.
http://www.flickr.comshapeimage_5_link_0
Step 2 - Upload Your Photos to Flickr
Step 4 - Add the Code in iWeb
In iWeb, go to the page you have created for your Flickr badge.  Use the shape tool to draw a rounded rectangle on the page where you want the badge to appear.  Make the box approximately the same size as the Flickr badge.  This will vary depending on how many photos you  chose to add to your Flickr badge.

Double-click inside the rounded rectangle and type the following: <!--BeginHTMLData-->

This tag tells iWeb Enhancer to pay attention to the following code.  Without it, iWeb Enhancer will skip right over your code and will not insert your Flickr badge.  Be sure to not include any spaces or other characters before the tag.

Now, paste the code from Flickr into the rectangle directly following the <!--BeginHTMLData--> tag.  Make sure that you paste it inside the rectangle and not in a separate text box.
Step 5 - Publish Your Site
Step 6 - Run iWeb Enhancer
Step 7 - You’re Done!
If you followed this tutorial correctly you should now have a Flickr badge on your site.  If you are using .Mac it is already online and ready to go.  If you published to a folder, you can now upload it to your server using whatever means you normally do.  If you have any questions or comments, leave them in the comments section below.  Thanks for sticking with me all the way to the end!  Doesn’t success feel good?

One More Thing - I am currently working on several other tutorials for iWeb Enhancer.  I would appreciate your feedback in the comments section about this tutorial.  How could I make it better?  What did you like?  What could be more clear?  Do you have ideas for tutorials that I haven’t listed on my front page?  Let me hear them.../Chad/Blog/54A3ACD4-945E-4EC8-8BA9-148FB6E10C6C.htmlshapeimage_7_link_0

Run iWeb Enhancer and choose your site folder.  If you are using .Mac, navigate to your iDisk > Web > Sites > iWeb folder and choose your site folder.  NOTE:  If you are using .Mac and you have iDisk Syncing turned on, you have to manually sync your iDisk before and after running iWeb Enhancer!  To sync, click on the sync button next to your iDisk in the Finder.
 
Posted Tuesday, April 4, 2006 @ 12:29 PM  •    •  




You can publish your site to .Mac or to a folder.  For the purposes of this tutorial we will publish to a folder





Click on “Upload Photos” and continue through the steps to upload and tag your photos.
Step 3 - Get the Code





After you have uploaded your photos, click on the “Yours” link in the “Photos” bar at the top of the page.  Next, click on the Flickr Badge link in the right hand column under “Share your photos” on the “Your photos” page.  It is circled in the picture to the left.







Continue through the steps to customize your Flickr badge.  You can choose either an HTML or a Flash badge.  Either one will work just fine.  When you get to the end you will see a page that says “This is the code you need”.  Copy the code from the box.  We will need it to paste into iWeb later in this tutorial.