Lets Talk About: Creating Auto Zooming Effect In Blogger Images

Tags

Welcome to another wonderful post that will help you add auto zooming effect to your blog post images. Nowadays i believe every blogger out there just want to have a responsive blog which i believe helps to attract users and to achieve such purpose they spend quality time searching for different responsive template. Like a template with responsive popular post widget, social sharing buttons, images zooming effect etc.


Though personal i prefer simple template, but that doesn't change the fact that they need to start making simple template with attractive and responsive effect. If you are like me that love simple template and you want to make yours attractive and responsive am here to help you with CSS code to achieve that. With this simple code it will make your blog post images to auto zoom on mouse hover. All you have to do is to add a small piece of CSS code to achieve images zoom automatically on mouse hover.

Are you ready follow the below steps to make your blog images responsive and attractive: No need to waste your time on back up since i got nothing to do inside HTML EDIT box.

(1). Go to blogger.com and log-in to your account.

(2). Scroll down to template and click customize.

(3). On the customization page click Advanced and scroll down to the last option which is (Add css).

(4). Simply copy and paste the below code in Add CSS tab.

 /* CSS image zoom effect by http://101Helper.blogspot.com */
.post img { -webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
-ms-transition: all 1s ease;
transition: all 1s ease }
.post img:hover {
width: 93%;
height: 93%;
}
/*CSS image zoom effect http://101Helper.blogspot.com */

(5). Click Apply to blog on the top-right of the page and you are done!

Hope this post was a bit of help to somebody out there. If you still have questions or comment kindly use the comment box and i will do my best to have your  questions answered. And also if you really enjoyed this post subscribe and do always come back for more tips on how to upgrade your blog to professional standard good luck.

Lets Talk About It! Join Me Please
EmoticonEmoticon