1.Login to your blogger dashboard--> layout- -> Edit HTML
2.Scroll down to where you see tag .
3.Copy below code and paste it just before the tag .
4.Now save your template.
5.Now when you add a image use below html structure:
Large-Image-Address" class="preview" title="Image-Title">Small-Image-Address" alt="gallery thumbnail" />
Look at the example below:
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdSAs1KlUPrVX6NhiRJL8sigFtOn8chKaMOHUlrSxgqVppg3CMYbtYtqh8kHrZcjBiVsJAWvYqYTdxoiEBtR344MILV6n6cXUhCc7XIhqVs0G2PbOOpdvuzzhzzZyNTK1mprtvPscVElP9/+large.jpg" class="preview" title="Beautiful Lonely Beach">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimwDSScP83G5vUBoZkBnhWTbUPRMr3HFgAr_HLT7g0LiwX1FwayRfI1nLcHCNjguQqKcyHq0EElJ3g1_MMtOb8w3M1UgxC-zTmGQsYHfKNZEta_1iQNznyKkoHTs_rQ_pYEm58go1dWvUz/+small.jpg" alt="gallery thumbnail" />
Note: If you want to remove caption, remove the title attribute from above code.
It will look like this:
Demo | Source
0 comments:
Post a Comment