v5Tutorial Complete Blogger Tutorials

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 Description

Remove 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}
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.

Related Post

Java Scripts