আমরা এই টিউটোরিয়ালে ব্লগার হেডারকে দুইটা কলামে ভাগ করব।প্রথমে ব্লগার এ login করে যে ব্লগ এর হেডারকে ভাগ করব তার Layout > Edit Html অংশে চলে যাই।টেমপ্লেট এর বেক আপ নিয়ে নেই।
- নিচের কোড গুলো খুজে বের করি-
#header-wrapper {
width:660px;
margin:0 auto 10px;
border:1px solid $bordercolor;
}
#header-inner {
background-position: center;
margin-left: auto;
margin-right: auto;
}
#header {
margin: 5px;
border: 1px solid $bordercolor;
text-align: center;
color:$pagetitlecolor;
}
- এখন নিচের কোড গুলো দ্বারা উপরের কোড গুলো রিপ্লেস করি-
#header-wrapper {
width:810px;
margin:0 auto 0px;
height:120px;
}
#head-inner {
width:510px;
background-position: left;
margin-left: auto;
margin-right: auto;
float:left;
}
#header {
margin: 0px;
text-align: left;
color:#ffcc66;
}
#r_head{
width:240px;
float:left;
}
** হেডার যদি adjust না হয় width এর pixel বাড়িয়ে কমিয়ে adjust করা যাবে।
- আবার নিচের কোড গুলো খুজে বের করি-
<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='(নিজ ব্লগের টাইটেল)' type='Header'/>
</b:section>
</div>
**title নিজ ব্লগের টাইটেল
- উপরোক্ত কোড গুলো নিচের কোড গুলো দ্বারা রিপ্লেস করি-
<div id='header-wrapper'>
<div id='head-inner'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='(নিজ ব্লগের টাইটেল)' type='Header'/>
</b:section>
</div>
<div id='r_head'>
<b:section class='header' id='header2' preferred='yes'/>
</div>
</div>
now You're done. এটি minima টেম্পপ্লেট এ করা।
এখন টেম্পপ্লেট save করি।page element ট্যাব এ ক্লিক করে দেখুন একটি হেডার ভাগ হয়ে দুটি হয়ে গেছে।
এখন Add a gadget এ ক্লিক করে হেডার এর রঙ অনু্যায়ী adsense এর কোড স্থাপন করুন।