Images on your site or Blogger is one of the most important thing to lighten up the site as well as post. The posts are beautified by the presence of an image or photo in the post. A site without any images or pics can make the readers feel dull or boring.
Today, we are going to tackle on how to use the images more elegantly for the site. We have already seen that images can be zoomed up on mouse hover. Today, I want to you guys to learn on how to zoom the images on the fly using your mouse wheel. This is a pretty nice idea and hence found an answer for the same on implementing the code for Blogger.
Create Mouse Wheel Zoom For Images In Blogger
Lets get to the business of installing the code into our Blogger blogspot.
1. Go to Dashboard > Template > Edit HTML
2. Search for </head> and place the following code before that:
Save the Template!!
3. Now place the images where ever you need it to zoom by mouse scroll this way:
<img alt=” id=’test’ src=”Your_Image_URL.jpg” />
Note: The images can be placed anywhere you wish, including posts, sidebar or anywhere on the site layout.
This is the important code which is controlling the image zoom. “test” is the id in the <img> tag
2. Your_Image_URL.jpg – Replace this with your image URL.
Hope you enjoyed reading the tutorial. Thanks for reading. Share your views on the same. Enjoy 🙂