Remove From Blogger Template
There are some item in default blogger template you may interested to remove.- Go to Template > Customize > Advanced > Add CSS
- Add the code below.
Remove Powered by Blogger
The Attribution Gadget show in the footer area says Powered by Blogger.
#Attribution1 {display: none;}
Simple template. Powered by Blogger.
Remove Subscribe to: Posts (Atom)
If you find this link pretty useless then you can remove it by add the code below.
.blog-feeds {display: none;}
Subscribe to: Posts (Atom)
Remove Blogger Navbar
Blogger navigation bar can be very useful when you are blogging. But sometimes it can be useless.
.navbar {display: none;}
Remove Pager Dotted Lines
In some blogger template there are dotted line in between the pager (Newer Posts, Home, Older Post)
.blog-pager {background: none;}
Remove Footer Dashed Lines
In some blogger template there are Dashed line avobe the footer area.
.footer-outer {border: none}
Simple template. Powered by Blogger.
Remove Post Footer
In blogger template post footer contain posted by, post date etc. But if you disible those option there are a blank gray box which you can remove.
.post-footer {display: none}
This is a post body text. In a smiple blogger template you will see the bottom blank gray box after end of every post. You might interested to remove it.
Remove Box Shadow
In blogger template post, widget, footer, pager have box shadow which you can remove.
.main-inner .widget, #blog-pager, .date-outer, .footer-fauxborder-left {box-shadow: none}
Remove Blogger Background
In some blogger template there are color or image background which you can remove.
body {background: none;}
My Blog Title
My Blog DescriptionRemove Blogger Template Border
In blogger template post, widget, footer, pager have round border which you can remove.
.main-inner .widget, #blog-pager, .date-outer, .footer-fauxborder-left {border: none}
Remove Navigation Tabs Border
In blogger template there are border around links which you can remove.
.tabs-inner .widget li a, .tabs-inner .widget li:last-child a, .tabs-cap-top, .tabs-cap-bottom {border: none}
Remove Navigation Tabs Gradient
In blogger template there are gradient around navigation bar which you can remove.
.tabs-outer, .tabs-inner .widget li.selected a, .tabs-inner .widget li a:hover {background-image: none}
Remove Photo Frame
Blogger template contain photo frame by default which you can remove.
.post-body img {border: none; box-shadow: none;}
Remove Blogger Header
Sometimes blogger header might not importent to show.
.header-inner {display: none}
My Blog Title
My Blog Description
Remove Extra Padding
Sometimes blogger extra padding between header, posts, widets, footer might not importent to show.
.main-inner {padding: 0}
.main-inner .section, .main-inner .widget {margin: 0}
.main-inner .column-center-inner, .main-inner .column-left-inner, .main-inner .column-right-inner {padding: 0}
.main-inner .section:last-child .Blog:last-child {margin: 0}
.date-outer:last-child, #blog-pager {margin: 0}
.footer-outer {padding: 0; margin: 0}
.main-inner .section, .main-inner .widget {margin: 0}
.main-inner .column-center-inner, .main-inner .column-left-inner, .main-inner .column-right-inner {padding: 0}
.main-inner .section:last-child .Blog:last-child {margin: 0}
.date-outer:last-child, #blog-pager {margin: 0}
.footer-outer {padding: 0; margin: 0}
Postes
Widget 1
Widget 2
Remove Widget Title
Sometimes blogger Widget title might not importent to show.
h2.title {display: none}
Widget Title
I am a Widget content.