ProLavish | Blogger GuruProLavish

A blog provide Blogging Ethics

how to add Zoom Effect On Blogger

>
Now move on our next post we will discuss how to add Zoom Effect On Blogger.The  image first will be displayed as normal then on hover  the image grows to a zoom upto maximum..This make  you blog very cool and intersting

On our previous post we discuss How to add  Syntax Highlighter to blogger.Now move on our next post we will discuss how to add Zoom Effect On Blogger.The  image first will be displayed as normal then on hover  the image grows to a zoom upto maximum..This make  you blog very cool and intersting.


how to add Zoom Effect On Blogger

Steps to add Zoom effect in blogger


Step: 1 Go to Blogger Dashboard  .

Step 2  Then Click on  Design  and then  ahead to EditHTML

Step 3.  Click on "expand widget templates"

Step: 4   Find the code </head> using( ctrl+F.)

Step: 4  Paste the below code just before </head>




<style>
.post img , .post-body img{
height: 80%;
width: 80%;
-webkit-transition: all 0.7s ease;
-moz-transition: all 0.7s ease;
-o-transition: all 1s ease;
-ms-transition: all 1s ease;
transition: all 0.7s ease;
}
.post img:hover ,.post-body  img:hover{
width: 160%;
height: 160%;
}
</style>

      
Check your blog and make your it is working.Because some users are complaining about it.

Have Questions?

If you need help with respect to any concept do post your comment below..We are happy to help you  

Gaurav dudeja

Gaurav Dudeja has 3 years of blogger experience.He wasthe only owner of prolavish .He does internet blogging and sharingblogging ethics,widgets,quality tips based on blogging.Having More than 50 followersand 250 people subscribed his blog Join me . Prolavish receives 1 thousand Pageviews/month and has over 32K subscribers

You can find us on

Read Comment Policy ▼
  We have Zero Tolerance to Spam. Chessy Comments & Links' will be deleted immediately

Comments are moderated and may take some time to appear.
If you ask a question make sure you tick the Notify Me option

No comments:     Post Yours!