সাজিয়ে নিন আপনার ব্লগস্পট ব্লগ [পর্ব-২১] :: আপনার ব্লগস্পট ব্লগের নিচে অতিরিক্ত কলাম তৈরি করুন

সাজিয়ে নিন আপনার ব্লগস্পট ব্লগ

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

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

তবে মন খারাপ হওয়ার সব চাইতে বড় কারন আমাদের টিপু ভাইয়ের অকালে চলে যাওয়া :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>

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

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

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

Level 0

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

আমি মোহাম্মদ সাব্বির আলম ( আসিফ পাগলা সাব্বির ) । Google Adsense এর একজন পাবলিশার্স হিসাবে কাজ করছি। বর্তমানে SEO নিয়েই পরে থাকতে এবং সবার মাঝে শেয়ার করতেই ভালো লাগে। আর বাংলা ব্লগিং করাটাই সব চেয়ে বড় নেশা। আমার সম্পর্কে আরো বিস্তারিত জানতে অথবা লাইভ সাপোর্ট পেতে আমাকে ফেইসবুকে অ্যাড...


টিউনস


আরও টিউনস


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


টিউমেন্টস

যারা কোডিং এর ঝামেলায় যেতে চান না তাদের আমি একটা পরামর্শ দেই আপনার Blogger Template Designer ব্যবহার করে অতিরিক্ত কলাম তৈরি করতে পারবেন। সাব্বির ভাইকে তার টিউনের জন্য ধন্যবাদ।

সবসময় আপনার লেখার জন্যে অপেক্ষা করি ।

কেউ কি বলতে পারেন যে আমি আমার ব্লগে কিভাবে
পোস্ট স্ট্যাটাস লাগাব বা আমার কোন পোস্ট কতবার পড়া হয়েছে তা দেখব ।

    প্রথমে আপনার ব্লগে লগ ইন করুন। তারপর Stats এ ক্লিক করুন। তারপর Post এ ক্লিক করুন এবং সব শেষে আপনি All Time এ ক্লিক করুন। @তুহিন:

আসলে আমি চাই যে সবাই যেন দেখতে পাই সেটা । যেমন ফোরামে দেখিয়ে দেয় কোন পোস্ট কতবার দেখা হয়েছে ।

adsense account লাগলে আমার সাথে যোগাযোগ করেন 01759868150 http://www.incomebd.webnode.com

    স্পাম করা ছাড়া আর কিছু করতে পারেন না ??? পারলে একটা পোস্ট মারেন । কোথা থেকে যে আসে এই সব 😛 @ansar.koluma:

      ভাইয়া একটু কষ্ট করে http://wipeout.net/int এই লিংক এ যান। তারপর GET IT NOW তে ক্লিক করুন। তারপর যে টিপস পেজটি দেখাচ্ছে ঔ প্রিভিউ কিভাবে করতে হবে। জানলে জানাবেন প্লিজ।

সাব্বির ভাই টিঊন এর জন্য অসংখ্য ধন্যবাদ।আমি একটি সুন্দর “ভিজিটর কাউন্টার” এর জাভা স্কিপ্ট কোড খুজছি।দেওয়া যাবে।

ভাই এসইও নিয়া এট্টা টিউন করবেন না ?
এই বিষয়ে একটা টিউন করলে খুবই ভাল হয়। টিউন করে থাকলে টিউনটার লিঙ্কটা দেন 😀
্‌্‌্‌্‌্‌্‌্ এই টিউনটার জন্য ধন্যবাদ ্‌্‌্‌্‌্‌্‌্ 😀 😀 😀 😀

ভাই একটা সমস্যায় পড়ছি, আপনার দেওয়া দ্বিতীয় কোড দুটোর একটাও তো খুজে পাইনা। 🙁
এখন কি করব ????????

ভাই একটা সমস্যায় পড়ছি, আপনার দেওয়া দ্বিতীয় কোড দুটোর একটাও তো খুজে পাইনা। 🙁
এখন কি করব ????????
আমার ব্লগ → http://mediaworldbd.blogspot.com

ভাই আপনার দেওয়া ওই লিন্কে ঢুকতে পারছি না।যত বারই চেষ্টা করি তত বারই Not Found লেখা আসে।

Level 0

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

How to create more stand alone page after complete default 20 page

blog a slide edit korbo ke vabe bolban pliz