Your Ad Here

Sunday, July 18, 2010

How To Split Header Into Two Columns In New Blogger Templates

With newer N newer blogger templates coming up,its getting even more difficult to customize it,i.e add or delete columns etc.Also each template varies in style N its gonna be a very tough job to make changes in it.Well most of the times people will display the modifications for templates which are easy N they stay away from the ones they don't comprehend.Not to worry.These things are pretty simple all you need to do is search for the right piece of code & Try to edit it.For instance ,My template is the Bloggerized template available for free download.I wanted to add more Adbrite N Chitika Ad spots so i fine tuned my template N now it looks a bit different.I dunno If editing my template will be fruitful to you,But I'll give a demo of what I mean:
*First Go to Design>>Edit Html>>Expand Widgets & then Search for #header(Press Ctrl+F to search)
*Now Add this code near the #header:
#header2{
float:left;/* adjust accordin to your requirement
width:50%/* width of the Ad
etc and add more as per your desire
*Now search for the following piece of code:
<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='YOUR-BLOG-TITLE (Header)' type='Header'/>
</b:section>
</div>
Remember YOUR-BLOG-TITLE is your Blog Title.
Now Add the following piece of code below this:
<b:section class='header' id='header2' maxwidgets='4' showaddelement='yes'/>
<div style='clear:both;'/>
</div>
Incase you are getting any xml error's then close the tags properly.Its advisable for experts to meddle with these things,but if you need any help feel free to holla @ me N I shall do it for you.Glad to be Of service.

0 comments: