তিন কলাম ফুটার মেনু কি? ব্লগস্পট বা ব্লগারে ৩ কলাম ফুটার মেনু এড করে নিন খুব সহজেই

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

আমার মনে হয়, যারা নতুন তারা এতক্ষনে জিনিসটা নিয়ে ধারনা অর্জন করে ফেলেছে। এইটা মূলত আপনার ব্লগস্পট সাইটের সবচেয়ে নিচের মেনু।

কিভাবে করবো?

এতো টেনশন করার কিছু নাই?? আমি আপনাদের দেখাচ্ছি কিভাবে করবেন?

* প্রথমে আপনার ব্লগারে লগিন করুন-

* এরপর Layout >> Edit HTML-

* এরপর এই লেখাটি খুজে বের করুন ]]></b:skin> (যারা নতুন তাদের জন্য বলছি, Ctrl+F চাপলেই একটা বক্স আসবে সেখানে পেস্ট করে এন্টার চাপুন)

* এবার নিচের বক্স থেকে লেখাটি কপি করে ]]></b:skin> এর আগে পেস্ট করুন-

#footer {
margin:auto;
padding: 0px 0px 10px 0px;
width: 100%;
background:#333434;
}
#footer-wrapper {
margin:auto;
padding: 20px 0px 20px 0px;
width: 960px;
}
#footerbar-wrapper {
border:1px solid #DEDEDE;
background:#fff;
float: left;
margin: 0px 5px auto;
padding-bottom: 20px;
width: 32%;
text-align: justify;
font-size:100%;
line-height: 1.6em;
word-wrap: break-word;
overflow: hidden;
}
.footerbar {margin: 0; padding: 0;}
.footerbar .widget {margin: 0; padding: 10px 20px 0px 20px;}
.footerbar h2 {
margin: 0px 0px 10px 0px;
padding: 3px 0px 3px 0px;
text-align: left;
color:#0084ce;
text-transform:uppercase;
font: bold 14px Arial, Tahoma, Verdana;
border-bottom:3px solid #0084ce;
}
.footerbar ul {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
list-style-type: none;
}
.footerbar li {
margin: 0px 0px 2px 0px;
padding: 0px 0px 1px 0px;
border-bottom: 1px dotted #ccc;
}

* এবার <body> ট্যাগ খুজে বের করুন এবং <body> ট্যাগ এর পূর্বে নিচের লেখাটি পেস্ট করুন-

<div id='footer'>
<div id='footer-wrapper'>
<div id='footerbar-wrapper'>
<b:section class='footerbar' id='footerbar1' preferred='yes'>
</b:section>
</div>
<div id='footerbar-wrapper'>
<b:section class='footerbar' id='footerbar2' preferred='yes'>
</b:section>
</div>
<div id='footerbar-wrapper'>
<b:section class='footerbar' id='footerbar3' preferred='yes'>
</b:section>
</div>
<div style='clear: both;'/>
</div> </div>

মোডিফিকেশসন-

background:#333434;এইটার মাধ্যমে আপনি widget এর ব্যাকগ্রাউন্ড কালার চেঞ্জ করতে পারবেন-
width: 960px;এইটার মাধ্যমে আপনি widget এর সাইজ বদলাতে পারবেন-
background:#fff; and width: 32%; এর মাধ্যমে আপনি ব্যাকগ্রাউন্ড কালার ও তিন কলাম এর width বদলাতে পারবেন-
color:#0084ce; এর মাধ্যমে হেডিং এর টাইটেল চেঞ্জ করতে পারবেন-
border-bottom:3px solid #0084ce;এর মাধ্যমে থিকনেস, কালার স্টাইল চেঞ্জ করতে পারবেন।
border-bottom: 1px dotted #ccc; Editing this will change the size, style and colour of the border that appears below links.

টেক কালার বিডি

তিন কলাম ফুটার মেনু কি? ব্লগস্পট বা ব্লগারে ৩ কলাম ফুটার মেনু এড করে নিন খুব সহজেই