First, make sure you are logged in to your account.
On the homepage, click 'edit' in your bio-box.
Copy the below code and past it in the bio. Don't forget to hit save:
<html>
<script>
var ssConfig = {
AlbumID: 'XXXXXX',
newWindow: 'false',
transparent: 'true',
splash: 'http://www.smugmug.com/img/ria/ShizamSlides/smugmug_black.png',
showLogo: 'false',
clickUrl: 'http://www.smugmug.com',
showThumbs: 'true',
showButtons: 'true',
crossFadeSpeed: '350'
};
SM.flash.insertSlideshow(600, 600, ssConfig, 'transparent');
</script>
</html>
Replace the red X's next to AlbumID in the code with the ID from the gallery that you want to use for your slideshow.
For example, take a look at this link:
http://www.smugmug.com/gallery/2672990_fVVYo#141492208
The AlbumID is the string of numbers following /gallery/. So, in this case, the AlbumID is 2672990.
To remove the bio photo, copy the following code, and paste it in the CSS code box in your customization. To get to the customization page, click on control panel towards the top of your homepage, then click on the Customize tab. One more click on Customize and you will see the CSS box towards the top.
#bioBox .photo {
display: none;
}
Go back to your homepage, and the slideshow will be there!
(Make sure that the source gallery has "external links" set to 'yes', though)
Want to get fancy? You can customize the slideshow in many ways!
Don't like the thumbs at the bottom?
In the bio, change:
showButtons: 'true',
to
showButtons: 'false',
Want a border around your images? No problem!
Add this to the code in your bio:
borderThickness: '
20',
borderColor: '
ffffff',
You can change the thickness by changing the number, and you can change the color by using a different
hex-color code.
