Change size of images displayed in Lightbox viewer on blogger

How to change the size of images displayed in Lightbox viewer :

When we click on images on Blogger blog ,the images will display on lightbox viewer.By default the images displayed in image light viewer(image viewer) is very large in size.We can decrease the size of images displayed in light box with out adjusting image width and height attribute values in image html code.
Note: This method will help only those who upload image directly in Blogger.

Follow below steps to change the size of images displayed in Lightbox viewer

Step 1 : Go to Blogger Dashboard

Step 2 : Click on Posts

Step 3 : Click on Edit post where image uploaded

Step 4 : Go to html mode by click on html next to compose
look for below code in image code :

<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixekOzOnDH4zs1H722KiXLerMSqWDdPe3KNBqvsRrXp7-He26cwxj7eyCak1gntSkpOdnHiP4WXaCUq_2UTfjAKnWY3NM09DHuyLdca74WAL47QBj4Yv8A6w7qNaIhwJAptte5gk6dqKg/s1600/smaple-image-name.jpg >


change s1600 to s800 in the above code
if you want to decrease more then decrease value after s in the above code.

Step 5 : Click on Publish/Update post


Now click on that image, then you can see small image than before.

No comments:

Post a Comment