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:
Start / Edit a blog page
Upload your images
Enter HTML view
Cut the generated HTML text for the uploaded images
Paste it on the provided input area
Paste the result of the output into your blog
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).
Success! The HTML code was copied to your clipboard.