Many times you have to face problem due to little or increased size of blog header there may be various reason for these problems.
Some time you have to place adsense of different Dimensions, when you think to change the adsense dimension and think to place another size of adsense then the dimension of blogger header create more problems for adsense to be fitted according to header size, At this time you have to change the width and height of blog header but How?
In this Post I gonna tell you how to do it, In previous days i was searching for same problem on the web, I visited to various sites but there were no satisfying solution at that time i told my problem to a guy who is expert in template designing, He solved my problem and give me a solution for "How to reduce or Increase the width and Height of Blogger Header?" i sent him the .XML file of my blogger template and he Resent my template after Editing it, And also gave the code to reduce or increase the width and height according to my need.
So here is the code Just Go to the template page and Click "Customize" button in your blogger template setting page, go through the "Advanced" option and paste this code in Css field..
# Characters highlighted with yellow colour used to define width of header you can change this value according to your need.
# Characters highlighted with green colour used to define the width of right side of header where usually you place gadgets or adsense, you can change this value according to your need.
# Finally characters highlighted with blue colour used to define the height of header, you can change this value according to your need.
Some time you have to place adsense of different Dimensions, when you think to change the adsense dimension and think to place another size of adsense then the dimension of blogger header create more problems for adsense to be fitted according to header size, At this time you have to change the width and height of blog header but How?
In this Post I gonna tell you how to do it, In previous days i was searching for same problem on the web, I visited to various sites but there were no satisfying solution at that time i told my problem to a guy who is expert in template designing, He solved my problem and give me a solution for "How to reduce or Increase the width and Height of Blogger Header?" i sent him the .XML file of my blogger template and he Resent my template after Editing it, And also gave the code to reduce or increase the width and height according to my need.
So here is the code Just Go to the template page and Click "Customize" button in your blogger template setting page, go through the "Advanced" option and paste this code in Css field..
#header, body#layout #header {width:22%;display:inline-block;float:left;}In the above code some characters are highlighted with different colors, these colors are used to define the use of different values.
#header-right, body#layout #header-right {width:77%;display:inline-block;float:right;padding:0px;}
#header-right .widget {margin:0;}
# Characters highlighted with yellow colour used to define width of header you can change this value according to your need.
# Characters highlighted with green colour used to define the width of right side of header where usually you place gadgets or adsense, you can change this value according to your need.
# Finally characters highlighted with blue colour used to define the height of header, you can change this value according to your need.