Adding Shadow Effects In Your Blogger Images (With Screenshots)

Share:
How to Add Shadow Effect in Blogger Images | Step to Step

Shadow effect in blogger images What is It?

A shadow effect around your blog images gives your blog an attractive look so that users can get more interest in your blog posts.

It improves your blog design and looks.
let's learn how to do it.

Follow the below steps to add a shadow effect to your blogger images.


Step 1. Go to your Blogger.com > Theme > Customize


Dark lines or Background around your Blogger Post's images


Step 2. Now, Click on Advanced > Add CSS.


Adding Shadows around images in Blog Posts

Step 3. Paste the below-given codes in CSS.


.post-body img {
padding: 1px;
background: transparent !important;
border: 1px solid transparent !important;

-moz-box-shadow: 3px 3px 10px rgba(0, 0, 0, .8);
-webkit-box-shadow: 3px 3px 10px rgba(0, 0, 0, .8);
box-shadow: 3px 3px 10px rgba(0, 0, 0, .8);
}


Shadow Effect in Blogger Images

Now, Click on Apply to Blog.

Check out your blog images. Enjoy with a shadow effect in images.

Also Read: 


How to Add the Best Shadow effect on Blog images in Blogger?, Kindly Mention in the comment section, Was it helpful to you?

No comments