How to move header in this blogger template

Hi
Can any one tell me how to move header of the site in the left side so I add another gadget on left side, in this template
http://www.weblogtemplates.net/2014/06/lifehack-premium-responsive-blogger.html
Regards

 

With this trick you can add a Link to the template to Add a Gadget on the Left Header :

Open your Dashboard => Template => Edit HTML

Find : <b:section class='header' id='header' maxwidgets=

Replace class='header' with class='header header-left'

Now look for <div class='header-cap-bottom cap-bottom'>

You must have 2 Divs like this :

</div>
</div>
<div class='header-cap-bottom cap-bottom'>

Just above past this code :

<div style='clear:both;'/>
<b:section class='header-right crosscol' id='header-right' maxwidgets='1' showaddelement='yes'/>

Now look for the /head and just before add this code :

<style>
.header-left{
display: inline-block;
float: left;
}
#header-right {
display:inline-block;
float:right;
margin-right: -20px;
}
</style>

You can play with the Margin-right to fit your template... otherwise just remove it!

Save your template.

go to : Layout

and you will find a link on the header Left to add a Gadget...

Goodluck

 

It is like this. Now please tell me how to do that:
<div class='clearfix'/>
<header id='main-header-wrapper'>
<div class='container'>
<div class='container-slash'>
<div id='header-wrapper'>
<div class='col-xs-12 col-sm-12 col-md-12 col-lg-12 head-col'>
<b:section class='' id='blog-title' maxwidgets='1' showaddelement='yes' title='My Favorite Things'>
<b:widget id='Header1' locked='true' title='My Thought (Header)' type='Header'>
<b:includable id='main'>
<b:if cond='data:useImage'>
<b:if cond='data:imagePlacement == &quot;BEHIND&quot;'>
<!--
Show image as background to text. You can't really calculate the width
reliably in JS because margins are not taken into account by any of
clientWidth, offsetWidth or scrollWidth, so we don't force a minimum
width if the user is using shrink to fit.
This results in a margin-width's worth of pixels being cropped. If the
user is not using shrink to fit then we expand the header.
-->