আপনার ব্লগার ব্লগের হেডার কলাম দুই ভাগে ভাগ করে নিন খুব সহজে!!!

আমাদের প্রায় সকলের ই কোন না কোন প্লাটফর্মে ফ্রি হলেও একটি ব্লগ আছে। আর এই ফ্রি এর তালিকায় ব্লগারই প্রথম তাই ব্লগারের ইউজার সংখ্যা বেশি। অধিকাংশ ব্লগার টেমপ্লেটএ দেখা যায় যে, তার হেডার সেকশন এক কলাম বিশিষ্ট, আর এই এক কলাম বিশিষ্ট হেডার কে আপনি যদি দুই কলামে ভাগ করতে চান তা হলে নিচে লক্ষ করুন।

1. ব্লগার ড্যাসবোর্ড এ লগিন করুন –> layout- -> Edit HTML
2. নিচের কোড টা খুজে বের করুন:

/* Header
===================================
*/
#header-wrapper {
width:900px;
margin:0 auto 0px;
height:190px;
} #header-inner {
width:900px;
background-position: center;
margin-$startSide: auto;
margin-$endSide: auto;
}
#header {
margin: 0px;
text-align: left;
color:$pagetitlecolor;
}

3. নিচের কোড দিয়ে উপরের কোড রিপ্লেস করুন:

/* Header
===================================
*/ #header-wrapper {
width:900px;
margin:0 auto 0px;
height:190px;
}
#head-inner {
width:600px;
background-position: left;
margin-left: auto;
margin-right: auto;
float:left;
}
#header {
margin: 0px;
text-align: left;
color:#ffcc66;
}
#r_head{
width:300px;
float:left;
padding-top:10px;
}

4. আবার নিচের কোড খুজুন :

<div id=’header-wrapper’>
<b:section class=’header’ id=’header’ maxwidgets=’1′ showaddelement=’no’>
<b:widget id=’Header1′ locked=’true’ title=’Test Blog (Header)’ type=’Header’/>
</b:section>
</div>

5. নিচের কোড দিয়ে উপরের কোড রিপ্লেস করুন :

<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=’Test Blog (Header)’ type=’Header’/>
</b:section>
</div>
<div id=’r_head’>
<b:section class=’header’ id=’header2′ preferred=’yes’/>
</div>
</div>

6. এবার আপনার টেমপ্লেট সেভ করে আপনার ব্লগারের লেআউট এ গিয়ে দেখেন হেডার কলাম দুই ভাগে ভাগ হয়ে গেছে।

সবাইকে অনেক ধন্যবাদ।

শেয়ার করুন