Customize blogger Template

Custom blogger template

Blogging is really a fun,but looking at our same old blogger template can be little boring sometime.well there are thousands of blog templates are available on the internet but dealing with it or customizing them cab be a pain in head.so why waste time finding those custom blogger template while you can customize you own blogger template.customizing blogger isn't so difficult,in this Hub i will teach you few steps which will make your blog look better.So let's start to customize blogger template.

Remove navbar from blogger

Removing your blog navbar is our first step in customizing blogger template to remove navbar from blogger follow these steps:-

First go to DESIGN>EDIT HTML and look for this code:-

And just above this code type this:-

#navbar-iframe{disply:none!important;}

After typing this just save your template and you are done with the navbar.

Add a banner in header

many of the blogger use this,they want to add an image or banner in there blog to add a banner in your blog go to your design and click on header element,select choose file and also click on instead of title and description and put your image.

Now our image is inserted but we also want to remove those funny lines around the Header.

To do this Go to Edit Html and scroll down until you see this border:1px solid $bordercolor.you can also find this code by pressing CTRL+F.and remove this code it will remove those funny lines around the Header.

Change width of your Blog

Another way to customizing blogger template is incresing it's width.we are allowed to increase it's width to 930px in template design.but what if we want to increase more well to increase it's width more just follow these steps.

1.Go to design>Edit Html and look for this code.

<b:variable default=' 960px' name'content.width' type='length'/>

2.after finding this line just change the number 960 with whatever width you like.

and that's it we are also done with he width and have complete another step in customize blogger template.

Putting Gadgets above header

This option is also not available in our blogger template and most of the custom blogger template available in the market also doesn't provide this option but i will teach you How to put Gadgets above your blog header.

Follow These steps to make it possible for you to put gadgets above Blog header.

1.Edit your blog's template (Design>Edit Html)

2.For safety download the template for backup.

3.find this code in blogger template:-

After finding this code Just replace it with this code:-

As you can see clearly that here we have done two changes first we have change the max gadgets from 1 to 4 and have also change showaddelement to yes fromno.

now you would be able to put Gadgets above your blog header.

Split header in 2 columms

Well another way to customize blogger template is that you could also split the header in two columms like this:-

To do this follow these steps:-

1.go to EDIT HTML and look for this code:-

And just below this code add this:-

It will look something like this:-

Now search for this code:-

]]></b:skin>

and after finding this line add this just above this code ]]></b:skin>

Now you are just one step away from completing one more step in Customize blogger template.

After Doing above step Look for this Code:-

]]> </b:template-skin>

and after finding this code add this just above this code:-

And after completing above steps your blog header now will be split in two column.