Customize Blogger Template

Go to Gadget change locked=’true’ to locked=’false’  then visit layout page and blogger attribution page you have the new option called remove you can remove that.

removing blogger attribution from mobile template

<b:widget id=’Attribution1′ locked=’true’ mobile=’no’ title=” type=’Attribution’>

just add mobile no tag.

To remove quick pencil and wrench / quick edit widget icon visit Blogger SEO Tips

How to remove locked gadget from the blogger?

a process as same as removing Attribution gadget 

How to Remove Navbar in blogger / BlogSpot?

Today I am gonna show you How to Remove blogger Description Header Title space, Navbar?
Method 1

First check navbar removing part

1 log in to blogger dashboard
2 Go layout
3.Click on Navbar
4. Turn off

The disadvantage is Not removed space of Navbar but Hides.

Method 2 remove navbar and save space above header.

1. Go template click on >>Customize>>and Then Choose>>Advanced> and then scroll down
for >>css>>
And The Below Piece of code to your blog CSS
#navbar {
      height: 0px;
      visibility: hidden;
      display: none;
}

See your blog navbar removes completely.

Look at remove header /anything from a mobile template.

To hide blogger Home page title

simply add this  #header { display:none; to advanced CSS menu in blogger template customization settings.

How to Remove/ Hide description in blogger

A simple way to hide page title/name and description in blogger

To hide blogger blog spot title and description we need to add  display: none; syntax above h1 header and h2 meta description.

for this we need to edit template search for

To hide blog description

Removing / Hiding Description and Title

here I already hid title before this let us look at the description.
I am going add just piece of this code blog spot CSS

#header .description { display:none;

Removing Extra space or delete header space extra side by side
top to bottom also done by below code

/- Removing Extra Space - Above Header Box*/
.content-inner 
{margin-top: -40px !important; 

/ Removing Extra Space - Left and Right Margin*/
.header-inner 
{
margin-left: 0px !important;
margin-right:0px !important;

/ Removing Extra Space - Header Top and Bottom Margin*/
.Header h1
{
margin-top: -20px !important;
margin-bottom:-20px !important;
}

/ Removing Extra Space - Setting Padding*/
.header-inner .Header .titlewrapper 
{
padding: 0px 20px;
}
/ Removing Extra Space - Around Description*/
.header-inner .Header .descriptionwrapper 
{
padding: 0 30px;
}

/*Tauseef - Removing Extra Space - Around Description*/
#header .description { display:none;

This code only removes extra space around your theme

 To delete extra header space above blog spot?

for deleting extra space

you have to edit Template and Then Find by pressing CTRL+F </head> tag place 
below code above that tag
<style type=’text/css’>
.content-inner 
{ 
margin-top: -60px !important; 
}
</style>
This code
Adjust width in pixel to fit your template 60-80. or more.

check blogger SEO tutorials  and Floating social share icons to the Blogspot.

Also check insert Adsense below Post title and middle also in blogger without parsing and without violating Adsense TOS.

Hide title on  blogger mobile template

Three properties can use to control how widget operates, and the properties include.

1. mobile=”no” disable gadget on mobile
2. mobile=”yes” we don’t need to add this because all gadgets already apply for the mobile version.
3. mobile=”only” only enable some gadget as HTML javascript or anything mobile then use this.

hide comments on blogger on the mobile version of a blog

Removing /hiding  Quick edit and wrench icons

<b:include name='quickedit'/> delete it make this as comment <!--b:include 
name='quickedit'/-->