Enlarging Blogger Slideshow Gadget


I've published a tutorial on how you can link your Flickr photo stream to Blogger's slideshow gadget. But the default frame size for Blogger's slideshow gadget is rather small. You can easily make this frame bigger. You won't get the prettiest pictures as you're stretching your original image, but personally I think it's a fair trade-off for this simple CSS trick. By the way, as we're stretching out original picture stream, it will be best if your images are not from a mixed orientation group. In other words, it works best if your images are all of portrait orientation, or landscape orientation.


If you're using the old Blogger interface: Go to Dashboard - Design - Template Designer - Advanced - Add CSS - paste the following code - Press enter after the last character of the last line } - Apply to Blog.

If you're using the new Blogger interface: Go to Dashboard ('House' symbol) - Template - Customize - Advanced - Add CSS - paste the following code - Press enter after the last character of the last line } - Apply to Blog.
.slideshow-container{
width: 250px;
height: 300px;
}

.slideshow-container div a img {
min-width: 250px !important;
height: auto !important;
}

Enjoy folks.