কে কেমন আছেন জানিনা ।

আমার মন কিন্তূ আজ অনেকদিন ধরে খারাপ এর বেশ কিছু কারন আছে ।

তবে মন খারাপ হওয়ার সব চাইতে বড় কারন আমাদের টিপু ভাইয়ের অকালে চলে যাওয়া :cry:।

হায়রে , কি শক্ত মনের মানুষ উনি। তার এই চলে যাওয়াটা এর সবার মত আমিও মেনে নিতে পারছিনা। তবে কি এর করার সবাইকে একদিন চলে যেতে হবে আমদের আসল ঠিকানায়।

তবে টিপু ভাইয়ের মত যেন আর কাউকে অকালে যেতে না হয় আমরা মহান আল্লাহ্‌র কাছে এই ফরিয়াদ জানাই ।

আসুন আমরা সবাই টিপু ভাইয়ের বিদায়ী আত্মার মাগফিরাত কামনা করি আল্লাহ্‌ যেন উনার সমস্থ গুনাহ ক্ষমা করে উনাকে জান্নাতে নসীব করুক ( আমিন ) ।

এবং উনার আব্বু-আম্মু, ভাই -বোন , আত্মীয় স্বজনদের আল্লাহ্‌ উনার কষ্ট ভুলে থাকার তৌফিক দান করুক এটাই চাই ।

আসুন আমরা টিপু ভাইয়ের স্মরণে আজকের টিউন শুরু করি ।

আজকে আপনাদের দেখাবো কিভাবে আপনার ব্লগস্পট ব্লগের জন্য নিচে অতিরিক্ত কলাম তৈরি করবেন ।

অনেকেই প্রস্ন করতে পারেন যে , অতিরিক্ত কলাম তৈরি করার কি দরকার ???

তাদের উদ্দেশেই বলছি আপনি হয়তো একটি সাইডবারওলা টেম্পলেট চয়েস করলেন ।

এটিতে অনেক  পোস্টও করলেন এবং  সাইটের জন্য এসইও  ও করলেন ।

যারা করেছেন তারাই বুঝবেন অতিরিক্ত সাইডবারের কি দরকার।

কারন ঔ মুহূর্তে টেম্পলেট পরিবর্তন করা অনেক ঝামেলার ।

কারন আপনি যখন সাইটের এসইও করবেন তখন আপনাকে বেশ কিছু লিংক গেডজেড আকারে সেইভ করতে হবে ।

তখন যদি আপনি এই গেডজেড এবং  আপনার সাইটের প্রয়োজনীয় গেডজেড দিয়ে ভর্তি করে ফেলেন তাইলে  আপনার সাইট কি সুন্দর দেখবে ???

আর আপনার অ্যাড এ কি ক্লিক পরবে ???

হুম , এতক্ষণে মনে হয় সবাই এটির উপকারিতা সম্পর্কে বুঝে গেছেন।

এবার আসুন তাহলে এটি কিভাবে করবেন শুরু করি।

• প্রথমে আপনার ব্লগে লগ ইন করুন
• তারপর Deshboard >>> Design >>> Edit Html এ ক্লিক করুন ।
• এবার এই লেখাটি

  ]]></b:skin>

  Ctrl+F দিয়ে সার্চ করে খুজে বের করে  নিচের কোডগুলি ঠিক এর উপরে বসিয়ে দিন ।

/* bottom
==================== */

#bottom {
width: 970px;
position: relative;
clear:both;
margin: 0 auto;
color:#4E0038;
float: left;
background:#efefef;
padding: 5px 0 5px 0;
}

#bottom h2 {
padding: 4px;
margin: 0 auto;
color:#884218;
background-color: #addfff;
font-size: 100%;
color: #ff0000;
font-weight:bold;
border-bottom: 1px solid #ffffff;
letter-spacing: 0px;
}

#bottom ul {
padding: 0;
margin: 0;
}

#bottom ul li {
line-height: 26px;
list-style-type: none;
border-bottom: 1px dashed #031c5d;
}

#bottom ul li a {
display: block;
padding: 0 10px;
color:#062D4E;
text-decoration: none;

}
#bottom ul li a:hover {
background: #B1ACB1;
padding-left:5px;
}

#bottom1 {
width: 250px;
float: left;
padding-left:10px;
}

#bottom2 {
width: 250px;
float: left;
padding-left:10px;
}

#bottom3 {
width: 220px;
float: left;
padding-left:10px;
}

#bottom4 {
width: 200px;
float: left;
padding-left:10px;
}

• এখনই সেইভ করবেন না ।

• এবার আবারও Ctrl+F দিয়ে নিচের কোডটি খুজে বের করেন

  </div></div> <!-- end outer-wrapper -->

  অথবা

  <div id='footer-wrapper'>

  । কোডগুলি পেলে নিচের কোডগুলি ঠিক এর উপরে বসিয়ে দিন

<div id='bottom'>

<b:section class='bottom' id='bottom1'></b:section>

<b:section class='bottom' id='bottom2'></b:section>

<b:section class='bottom' id='bottom3'></b:section>

<b:section class='bottom' id='bottom4'></b:section>
 </div>

• এবার টেম্পলেট সেইভ করে দেখুন ।

আশা করি সবাই বুঝতে পেরেছেন । তারপরও কারো কোথায়ও বুঝতে অসুবিধা হলে কমেন্টের মাধ্যমে জানাবেন।

সবাই ভালো থাকুন, সুস্থ থাকুন, ভালবাসাসহ আপনাদেরই সাব্বির আলম।