Add An Awesome Effect to Images | Blogger | InfoTechBlogging InfoTechBlogging: Add An Awesome Effect to Images | Blogger

Posted by Syed Muhammad Ali
Today we are going to share an awesome effect of images with you. It has many features as it applies shadow on all your blog images and makes a border around them.

When i transferred my blog to another template i added this effect inside my template and planned it to share it with you but couldn’t remember.

Well today i am going to share this widget with you  
This effect would make your blog affective and will make your blog attractive. We have also applied this affect in our blog as you can check it on our blog homepage.
This effect is easy to add. You just need to add a simple code inside your blog Template

Follow the Below Steps to Add this Awesome Effect into your Blog Images

  • Go to Blogger
  • Log-In to your Dashboard
  • Go to Template Section
  • Click Edit Html
  • Find tag by Pressing Ctrl+F key.
  • Paste the Below code Just Above tag.

.post-body img {
padding: 0px;
border: 1px solid #AAA;
background-color: #F0F0F0;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: 0 15px 10px -12px black;
-moz-box-shadow: 0 15px 10px -12px black;
box-shadow: 0 15px 10px -12px black;

Remove the highlighted code if you want the effect to appear also in Post Pages.

Congrats! you are done. You can see this awesome effect inside your blog images

Hit Like in Below box if you like this post. Ask any queries in Below comments.

Follow Us!

About This Blog:
InfoTechBlogging is owned by Syed Muhammad.Ali who loves to help other bloggers in starting their Blogging career. He also share Blogger Widgets and Templates.
Follow Him at : Google |Facebook| Twitter