If you want to remove borders and shadows of your images in your blog then here I have a simple trick to remove border and shadows of your blogger images.We will do this with using a small piece CSS code.Just follow my steps carefully,


How To Remove Border & Shadows Of Your Blogger Images?


  1. Go to Blogger Dashboard > Design > Edit HTML
  2. Download/Backup your template
  3. Now search for ]]></b:skin>
  4. Add below code just above ]]></b:skin>

.post-body img, .post-body .tr-caption-container, .Profile img, .Image img,
.BlogList .item-thumbnail img {
    padding: none !important;
    border: none !important;
    background: none !important;
    -moz-box-shadow: 0px 0px 0px transparent !important;
    -webkit-box-shadow: 0px 0px 0px transparent !important;
    box-shadow: 0px 0px 0px transparent !important;
}


Now save your template and refresh your blog.Now your blog should appear without any borders and shadows.

Enjoy !

Post a Comment

  1. Hi,Your Blog is very nice.Templete is also good.I also have templete like your on my blogger blog.But I have some problem.I want add "Social bookmarking buttons" and "Recommended for you" Widgets for my Blog.But when I try to add them,I did everything right but widgets didn,t apear on my blog.Please,can u help me?

    ReplyDelete
    Replies
    1. First of all thanks and which type of social bookmarking button do you want ? Please use our contact form and send me the details.

      Delete
    2. This comment has been removed by the author.

      Delete
  2. Hey Rahul,
    This is awesome and it worked for me!
    You can't image I rammaged through the web for the last 2 hours to make it happen! Hurray.
    http://garderobeme.blogspot.co.uk/

    ReplyDelete
    Replies
    1. Nice.This is a simple and little CSS trick :) But changes a lot :D

      Cheers

      Delete
  3. Replies
    1. Can you provide me your blog URL ?

      Delete
  4. it didn't work for my blog either....http://lv-inlovewith.blogspot.co.uk/ please help!

    ReplyDelete
    Replies
    1. Just visited to your blog and it is working then what is the problem???

      Delete
  5. Replies
    1. It always works :) Because it is simple CSS code :)

      Delete
  6. This comment has been removed by the author.

    ReplyDelete
  7. Thanks for this! Super helpful :-)

    ReplyDelete
  8. Not Working .. My Blog http://cheatspedia.blogspot.com/

    ReplyDelete
    Replies
    1. Just checked out your blog,the problem was causing because of .single img CSS property.Here I have simple solution,

      find below code in your template,

      .single img {
      margin: 5px;
      max-width: 550px;
      border: 1px solid #CFCFCF;
      padding: 4px;
      }

      remove below line,

      border: 1px solid #CFCFCF;

      Save your template and you are done :)

      Delete
    2. Thanks You Rahul Ippar u r awesome.

      Delete
  9. Thank you!! Been trying to find the answer to this for ages!

    ReplyDelete
  10. This comment has been removed by the author.

    ReplyDelete
  11. This comment has been removed by the author.

    ReplyDelete
  12. This is fabulous and works well, but I was wondering if there was a way to make the border on select image show up. I post book reviews on my blog and love the border on the book covers, but I would like to be able to post other images without the border being there.

    ReplyDelete
  13. I have been visiting various blogs for my Remove Background research. I have found your blog to be quite useful. Keep updating your blog with valuable information... Regards

    ReplyDelete
  14. Thank you so much. This really helped.

    ReplyDelete
  15. Thanks a lot for the useful information, i love your writings bro.

    ReplyDelete
  16. this works wonderfully. thank you for this.

    ReplyDelete
  17. Didn't work for me. T.T

    http://pastelrave.blogspot.com/

    ReplyDelete
  18. why does google want borders around images in the first place?

    ReplyDelete
  19. Thanks so much for this! The other tutorials were not working, this did. Awesome job.

    ReplyDelete
  20. working... thanks a lot for sharing this tutorial with us...

    ReplyDelete
  21. doesnt work on mine. Can you please help?

    http://www.livethelook.blogspot.ca/

    ReplyDelete
  22. Not working on mine... Can you you help please?
    www.touchofju.blogspot.com

    ReplyDelete
  23. I am having problem in browser compatible in my blogger template, i have been downloaded labnol like blogger template from some kb tricks, unfortunately i found my blog does not displaying properly in IE and chrome old versions after i updated this template and post heading also interfere label, post date displaying. Please help out of this thing, reply me sir.

    ReplyDelete
  24. sorry ........... not working on my blog
    http://earnmoneyonline19.blogspot.com

    :( :( :(

    ReplyDelete
  25. not working in my blog ..... please help me
    http://themosteffictive.blogspot.com/

    ReplyDelete
  26. I am also working with it. I love to work with remove background from the image. You have done a very good job.

    ReplyDelete
  27. Wow, That's a nice method...... If I want to remove background from image, is Photoshop is perfect?? or gimp?

    http://clippingpath.in/clipping-path-service/

    ReplyDelete
  28. This comment has been removed by the author.

    ReplyDelete
  29. I was searching from long time of this code for my glamor retouching and ghost mannequin blog, at last I am success by your help. Most fabulous job done by you.

    http://clippingpath.in/digital-makeup/

    ReplyDelete
  30. Thanks so much for this! The other tutorials were not working, this did. Awesome job.

    photo background remove

    ReplyDelete
  31. Can this work on widgets as well? I'm trying to remove the borders and shadows for selected widgets. It's working on Chrome but not on other web browsers.

    ReplyDelete
  32. How to remove the shadow and border of only the gadget images and leave in the post images?

    ReplyDelete
  33. This comment has been removed by the author.

    ReplyDelete
  34. Excellent post! Thank you for sharing this useful post.
    Singapore webdesign Company

    ReplyDelete
  35. Great post. Its very interesting and enjoyable. Its must be helpful for us. Thanks for sharing your nice post.
    Clipping Path Service

    ReplyDelete
  36. Thanks for your educational post. I'm try to heart and soul remove borders and at last i'm success.

    clipping path service

    ReplyDelete

If you want to be informed about any replies then check "Notify me" option (present at lower right corner of comment box and it will display if you are logged in to your google account).PLEASE DO NOT SPAM

 
Top