Saturday, 13 April 2013

How to Create/Remove Shadow Behind Images in Blogger Posts

Change the background of images in your Posts like shadow behind images, remove borders of images as in shown in this image in simple steps.

Step 1:
Take Backup:Very important part of any customization. Never forget to take backup before making any changes. If you forget/don't want to take backup thinking that you can rollback the changes by altering code, trust me it'll be like working entire new blog from scratch (it from my experience).

Now, goto Template>select Backup/Restore>save the .xml file.

 Step 2:
  • Go to Template>Edit HTML
  • Copy and Paste following code before

.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);

Labels: , , ,


Post a Comment

Subscribe to Post Comments [Atom]

<< Home