Find This Code
#header {
margin: 0px;
border: none; /* atau hilangkan saja */
text-align: center;
color:$pagetitlecolor;
}
Change to be like this.
#header {
width:300px;
float:left;
margin: 5px;
text-align: center;
color:$pagetitlecolor;
}
#header-right {
background: url(http://URL Gambar kamu) no-repeat top center;
width: 350px;
float: right;
color: #FFF;
margin-top: 25px;
margin-right:25px;
padding:0 5px;
line-height:1.4em;
font-weight:bold;
}
#header-right .widget-content {
margin-top: 20px;
margin-right: 20px;
margin-bottom: 5px;
margin-left: 20px;
}
The next step This Code Search. (Usually in the bottom)
<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='game (Header)' type='Header'/>
</b:section>
</div>
place the code
<b:section class='header' id='header-right' showaddelement='yes'/>
between
</b:section>
Copy Disini
</div>
Jika keliahatan kacau kotak pada menu edit. tambahkan kode ini diantara kode ]]></b:skin> dan </head>
<!--[if IE 6]>
<style type="text/css">
#header-right{
margin-right: 12px;
margin-top:25px;
}
</style>
<![endif]-->
dan letak kan code ini dibawah kode footer
/* alignment classes */
.float-left { float: left; }
.float-right { float: right; }
/* display and additional classes */
.clear { clear: both; }
And Save
Monday, March 2, 2009
Divides 2 Coloum Header / Columns On Title
Subscribe to:
Post Comments (Atom)
No comments:
Post a Comment