Posted by : Febriansyah Haq 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 

Tinggalkan Komentarmu :)

SILAKAN MISUH-MISUH ASALKAN JAGA KESOPANANNYA YA !!!!!

Subscribe to Posts | Subscribe to Comments

Mengenai Saya

Foto saya

Saya admin blog Anak Madura , Untuk Lebih jelas tentang saya, bisa dilihat di SINI
Diberdayakan oleh Blogger.

- Copyright © 2013 Anak Madura -Metrominimalist- Powered by Blogger - Designed by Johanes Djogan -