To make a zoom image in Your Blog

Posted by : Unknown Minggu

Today I will share tips for Bloggers who want a blog look more cool and unique with the effects of distention on posting pictures. Distention effects on posting images if the intention is Corsur we put just above the picture it will enlarge the image automatically, for example, please Go here

Ok, this is it :

1. Login to Blogger
2. Select the Layout menu and select edit HTML
3. Find the following code with Ctrl + F insert ]]></ b: skin>
4. Then paste the code below, right above ]]></ b: skin>

.post img, table.tr-caption-container {
border:none;
max-width:560px;
height:auto;
-o-transition: all 0.5s;
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s;
}
.post img:hover {
-o-transition: all 0.3s;
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
-moz-transform: scale(1.5);
-o-transform: scale(1.5);
-webkit-transform: scale(1.5);
-webkit-border-radius: 36px 12px;
-moz-border-radius: 36px / 12px;
-webkit-box-shadow: 2px 2px 6px rgba(0,0,0,0.6);
}

See Purple color, it is the size of the zoom effect that will be on show. Edit and customize to individual taste. Finish And SAVE. And Finish image zoom effect on the post already you can enjoy.

Sour : Klinik-blogger.blogspot.com