If you don't own a Mac, you can stop reading.
You can't use what I'm about to describe.
OK, now that all the PC folks are gone, us Mac lovers can chat a bit.
I found a great little trick today on the Realmac Software support pages. The trick was written for use in RapidWeaver, but it will work as a widget just about anywhere, including the sidebar here on ActiveRain. If you look at the sidebar on the right you're going to see a photo widget named "ActiveRain Photos." Does it look familiar? If you've ever embedded an iPhoto Web Gallery into an iWeb page it will. This is the Web Gallery widget they use as icons for the galleries you place.
The cool thing about iPhoto Web galleries is that when you add or delete a photo to them in iPhoto it adds or removes it from your gallery online when you tell it to. It's basically an RSS Feed. So, now I've got an ActiveRain Photos Widget that I can update without ever leaving iPhoto. I like that.
So, with special thanks to Gunter at Realmac Software, here is how you get it here on ActiveRain.
In iPhoto, create a new web gallery, name it and drag some photos into it. - Create a new, empty iWeb page.
- Click on Web-Widgets and select your web gallery.
- Publish.
- Go to iDisk > Web > Sites > Site > Blank_files.
- Open the resulting "widget_markup.html" files in a text editor
- Select and copy the <script>.....</script> section and paste it into a new document.
- Edit each place you see the Width="160" height="140" to width 215 and height 188. This occurs in four places.
- Copy the edited text.
- Go to your AcitveRain account and paste the code in My Settings > Blog Description (place the code in the order you want it to appear in the sidebar on the right)
- Update and go enjoy your new widget.
As you can see on the right, at 215px wide and 188 pixels high, the widget looks great in the AR sidebar. Move your mouse over the images and watch what happens. You can even set the web gallery up so you can email photos to it or allow others to upload photos.
- - - - - - - -
Here is what the code should look like before you embed.
blockquote {margin: 0pt 0pt 0pt 30px; padding: 10px 0pt 0pt 20px; width:500px; background: transparent url(http://www.realestateshows.com/jeff/quotes.gif) no-repeat scroll left top; font-size: 120%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; color: #356D9E; line-height: 1.2em;}
h2 {
color:#356D9E!important;
font-family:Trebuchet MS,Arial,Helvetica,sans-serif;
font-size:20px!important;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
letter-spacing:0pt;
line-height:24px;a
margin:9pt 0pt 0px;
padding:6px 0pt 0px;
}
h3 {
color:#356D9E!important;
font-family:Trebuchet MS,Arial,Helvetica,sans-serif;
font-size:20px!important;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
letter-spacing:0pt;
line-height:24px;
margin:9pt 0pt 0px;
padding:6px 0pt 0px;
}
a {
color:#356D9E;
text-decoration:underline; }
p{ margin-top:2px!important;}
a:hover {
color:#ffffff;
text-decoration:none;
background:#356D9E;
border 1px solid #DDA603 }
;)
;)
Wutevaaaa
I'm still not buying a Mac