ব্লগার ব্লগের হেডার কলাম দুই ভাগে ভাগ করে নিন!!

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

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. এবার আপনার টেমপ্লেট সেভ করে আপনার ব্লগারের লেআউট এ গিয়ে দেখেন হেডার কলাম দুই ভাগে ভাগ হয়ে গেছে।

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

Level 0

আমি সিহাব সুমন। বিশ্বের সর্ববৃহৎ বিজ্ঞান ও প্রযুক্তির সৌশল নেটওয়ার্ক - টেকটিউনস এ আমি 12 বছর 10 মাস যাবৎ যুক্ত আছি। টেকটিউনস আমি এ পর্যন্ত 22 টি টিউন ও 52 টি টিউমেন্ট করেছি। টেকটিউনসে আমার 3 ফলোয়ার আছে এবং আমি টেকটিউনসে 0 টিউনারকে ফলো করি।

আমি সিহাব সুমন, পেশায় একজন ছাত্র শখ হিসেবে বাংলা ও ইংরেজীতে ব্লগিং করি। ব্লগ গুলো থেকে কিছু জানার ও জানানোর প্রচেষ্টায় আছি। আমার একটি বাংলা ব্লগ আছে সেটি হল- http://itbatayan.com সুযোগ হলে একবার এখানে দেখে আসতে পারেন।


টিউনস


আরও টিউনস


টিউনারের আরও টিউনস


টিউমেন্টস

Code gula to khuje paoya jachche na !!!!!

    header-wrapper লিখে সার্চ করুন, তাহলে পেয়ে যাবেন, আর প্রথমে দেখেনিন আপনার হেডার সেকশন দুইভাগ করা আছে কি না। যদি দুই ভাগ করা থাকে তাহলে এই কোড গুলোড পাবেন না।

Brainless Saiful@ same to same problem আমার ও । পেজ দেখতে কেমন হবে লিংক দিলে ভাল হত। আমার সাইট টী দেখুন ঠিক আছে কিনা http://download4a2z.blogspot.com/

    ভাই, header-wrapper লিখে সার্চ করুন, তাহলে পেয়ে যাবেন, আর প্রথমে দেখেনিন আপনার হেডার সেকশন দুইভাগ করা আছে কি না। যদি দুই ভাগ করা থাকে তাহলে এই কোড গুলোড পাবেন না।

Level 0

apnar code e vul ase amar code er shathe mile na ektu kindly dekben please http://hadiuits.blogspot.com/

    header-wrapper লিখে সার্চ করুন, তাহলে পেয়ে যাবেন, আর প্রথমে দেখেনিন আপনার হেডার সেকশন দুইভাগ করা আছে কি না। যদি দুই ভাগ করা থাকে তাহলে এই কোড গুলোড পাবেন না

Level 0

vai tao hoy na apni nirdisto kore bolen kon jaygay changa korte hobe ?

ভাই আমার এক্তা ব্লগ সাইট আছে। আমি পোস্ট দিলে অন্য কোন ডিভাইস থেকে ঢুকলে ফুল পোস্ট টি দেখায়। কিন্তু আমি চাই ৩-৪ লাইন দেখাবে তারপর ভিউ মোর দেখাবে। ভাই এটা কিভাবে সম্ভব? আমার .tk সাইট। ধন্যবাদ।

Level 0

ভাই আমি অনেক চেষ্টা করছি হয় না । আপনি আগে নিজের ব্লগস্পট সাইট এ ট্রাই করে দেখেন

    ভাই, আমার সাইটে আমি ট্রাই অনেক আগেই করেছি।

সিহাব সুমন ভাই আপনার সাইট এর লিংটা দিলে ভাল হত

আমি এই মাত্র আমার সাইটে করলাম , বাট আমার মত করে করেছি । আপনার কোড দেখে বুঝতে পেরেছি যে কিভাবে আমার কোড এডিট করতে হবে ।
আমি আমার মত করে সিএসএস কোড লিখেছি আর সেকশন আলাদা করে আমার প্রয়োজন মত Widget টাইপ ব্যাবহার করেছি ।
কারো সাহায্য লাগলে আমাকে জানান । হয়তো আপনার সাইটের জন্য কোড চেঞ্জ করতে হতে পারে । কাওকে সাহায্য করতে পারলে আমার ভাল লাগবে ।
ধন্যবাদ ।