- Back to Home »
- Blog , Internet , Knowledge , Tips Trick »
- 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>
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);
}
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
Ditulis Oleh : Unknown ~ Anak Madura Coii !!
Sahabat sedang membaca artikel tentang To make a zoom image in Your Blog. Sahabat diperbolehkan mengcopy paste atau menyebar-luaskan artikel ini, tapi jangan lupa meletakkan link dibawah ini sebagai sumbernya