Blogger Gallery Helper

This helper tool will create a responsive gallery code for a set of links / images provided for your blog. It is based on the original post from GEORGIA LOU STUDIOS. To use it, just follow these steps:

1. Start / Edit a blog page
2. Upload your images
3. Enter HTML view
4. Cut the generated HTML text for the uploaded images
5. Paste it on the provided input area
6. Click "Convert"
7. Paste the result of the output into your blog
8. Change the Title and Alt text for each image (tip: go back to Compose View and again HTML view to display pretty HTML)

You will also be required to add a set of styles to your page. You can get those styles here.

• Either add these styles on the page/post at the beginning of the page (in a style tag) or...
• If you are using several pages, add it to the blog settings on "Themes\Advanced|Add CSS" (If you are using mobile theme, make sure to select the custom theme to have the css styles propagated to the mobile theme).