0:00
Hello everyone, I am Obscbride and in this video I will show you how you can add a shadow effect to your blogger images
0:07
So you can add multiple shadow effect like this. Here in this website you will find all the box shadow effect you can apply to your blogger website easily
0:21
So here I am using this 28 number box shadow effect to these images and as you can see there is a set of
0:29
behind the images. So all you need to do is just identify the class of these images. So click
0:40
on inspect. And here you can see this is the post body images. So all you have to do is go to your
0:52
plug-out dashboard and click on theme. And before changing anything, make sure to take a backup
0:59
of your theme so that in case if you do anything wrong, you can easily restore it back by
1:05
just uploading the backup file in the restore button. So click on Edit HTML
1:12
Here click on code area and type Control Plus app. Now type the class name of the image
1:22
So here in case of Templateify theme, this is Post body images
1:28
post body IMG and hit the enter Now as you can see height auto important then just add the box shadow effect
1:44
Just copy this code and here add a box shadow effect just after it and then click on save changes
1:58
If you don't find this closing semicolon, then put a semicolon. after it, then add the box shadow code here and then click on save changes
2:12
Okay, the code is saved now. Let's check how this image shadow looks like in the front end
2:20
So I'm clicking on this post and as you can see the shadow effect on this image is applied
2:26
So you can easily choose any of the shadow effect. So to show you, I'm using, I'm using you
2:32
I am using this colorful shadow effect to my website. Just copy this code and in the same process click on Edit HTML
2:44
Then type Control Plus app and search
2:56
with the new one and save your theme
3:07
Now refresh this page and as you can see the new shadow effect is applied to our images
3:21
You can see other posts and the box shadow effect will apply to all the images inside the post
3:31
So let me show you a different shadow style. Here I'm using a padding of 5 px and a border radius of 15 px
3:41
along with the shadow effect. So just copy this code and go to the theme and again
3:50
search for post body IMG and replace it with the new code. Now tape
4:07
Now let's refresh this page. And as you can see, a solid border is applied to the image along with the shadow effect
4:22
And you can take that it will apply to all the post images inside your blogger website
4:30
So you can add a border color by changing some settings in this code
4:37
So you can change the border color by changing this code. You can replace it with a hex code or you can add a RGBA code here and then you can add the border size to 2 pixel or 5 pixel and you can change the border radius from 15 pixel
5:00
So as you can see the border radius is applied 15 pixel
5:04
So I'm changing this border radius again. Here as you can see the border radius is set to 15
5:19
So I am changing it to 25 pixels and save it. Okay, let's refresh this page
5:28
As you can see, the border radius changed to 25 pixel. So in this way you can add shadow effect to your images, add border around it and you can set a padding
5:43
around the images. So if you have any doubt regarding this shadow
5:48
Shadow Effect in Blogger, then you can ask me in the comment section and all the resources and
5:54
codes required for this will be given in the description. I hope this video is helpful to you and if you really like this video, then hit this like
6:04
button and subscribe to my channel for more upcoming videos like this
6:09
I will see you in the next video. Thank you. I'm
