If you want to get rid of those annoying shadows and borders around blogger pictures, then follow the below steps (see the difference in the screenshot below):
How to Do This?
- Log onto Blogger Dashboard > Design > Edit HTML
- Download/Backup your template
- Now search for ]]></b:skin>
- 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.
If the above method doesn't work for you, do the following:
- Log onto Blogger's Dashboard > Template > Edit HTML
- Thick the "Expand widget templates" checkbox;
- Search (CTRL + F) for the following code:
border: 1px solid $(image.border.color);
-moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);
-webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);
box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);
Delete it and Save your template.
Facing any problem regarding this?Use the comment box below.
:)
:(
;)
:D
;;-)
:-/
:x
:P
:-*
=((
:-O
X(
:7
B-)
:-S
#:-S
7:)
:((
:))
:|
/:)
=))
O:-)
:-B
=;
:-c
:)]
~X(
:-h
:-t
8-7
I-)
8-|
:-a
:-$
[-(
:O)
8-
2:-P
(:|
=P~
#-o
=D7
:-SS
@-)
:^o
:-w
7:P
2):)
X_X
:!!
\m/
:-q
:-bd
^#(^
:ar!
.jpg)
Neat tips you have there. I don't like a shadow and border behind my images, especially when I have captions, but I live with it since I don't know how to remove it. Thank you! :D
ReplyDeleteoh wow... great tips you got here... especially for the non-techie folks like myself... thank you so much!
ReplyDeleteThis is an amazing source of information on how to enhance our site. Thank goodness I've learned about this. Keep it up.
ReplyDeleteThis post is very helpful for Blogger users. My live writer does great job for my images so I do not have to worry :D
ReplyDeleteYup,this post is for those who doesn't have such live writer like you have.:P
DeleteAnyway thanks for commemting.Keep visiting :)
great tips and very helpful for bloggers
ReplyDeleteMy blog have this annoying border lines, too. But now I know what to do, thanks! :)
ReplyDeleteThanks for the tips! There's always something new to learn each time I visit. :)
ReplyDelete
ReplyDeleteHow to Make / Install Back To Top Button With
NoFollow | Understanding tag (rel = "nofollow") Attribute
Change Blog's Background Color Automatically with JavaScript
How to Make a Box Convert / Parse HTML and Functions
how to increase visitors easily to 2000
How to Make 2 Column Element in Lower Post
How To Add Message Box Like Wordpress With Close Button
RSS Feed Directories List
Best Alternatives to Google Adsense in 2013
How to Change Blog's Mouse Cursor with CSS?
5 Ways to Become SEO Blog That Can not Be Forgotten
How to Increase Website Traffic and Blog
How To create pop-up web-page in Html (for blogger blogs)
How to Create Columns in Side Witget Blog Title
Beli Followers Twitter Murah