কিভাবে বিষয় ও পোস্ট তালিকা (Table of Contents) তৈরি করা যায়?

ব্লগ (Blog) বা ওয়েবসাইটের (Website) জন্য বিষয় ও পোস্ট তালিকা (Table of Contents, TOC) একটি প্রয়োজনীয় উপাদান। এই তালিকাটি দিয়ে পাঠক (Blog Reader) খুব সহজে ব্লগে থাকা পোস্টগুলোকে খুঁজে পেতে পারেন। পাঠককে খুঁজে খুঁজে তার উদ্দীষ্ট পোস্টকে (Target Post or Subject) বের করতে হবে না। টেবিল অফ কনটেন্টস (Blog Table of Contents) ব্যবহার করে একজন পাঠক সহজেই নির্দিষ্ট পোস্টপেজে (Post Page) চলে যেতে পারবেন। আজ আমরা জানবো কিভাবে আমাদের ব্লগার.কম এ তৈরি করা ব্লগে একটি 'বিষয় ও পোস্ট তালিকা' (Table of Contents, TOC) স্থাপন করতে পারি।

এই ধরণের তালিকা (List) তৈরি করার বিভিন্ন পদ্ধতি আছে। আজ আমরা জানবো সবচেয়ে সহজ পদ্ধতিটি (Easy Way)। আর এই পদ্ধতিটি আমাদের জন্য তৈরি করেছেন ও বিনেপয়সায় (Free) ব্যবহার করতে দিয়েছেন Abu Farhan। আবু ফারহানের তৈরি করা তালিকাটি ব্লগের লেবেলকে (Blog Label) ভিত্তি ধরে পোস্ট তালিকা প্রদর্শন করে। অর্থাৎ একটি লেবেলের (Label) অন্তর্গত পোস্টগুলিকে (Posts) সাজিয়ে প্রকাশ করে। কোন পোস্ট যদি একাধিক লেবেল থাকে, তাহলে সবকটি লেবেলের মধ্যেই পোস্টটি থাকবে। এছাড়াও নতুন পোস্টগুলির পাশে "New !!" লেখাটি দেখাবে। এতে পাঠক (Reader) জানবেন যে কোন লেখাগুলি নতুন পোস্ট (New Post) করা হয়েছে। যে পদ্ধতিতে এই 'বিষয় ও পোস্ট তালিকাটি' স্থাপন করতে হবে, তা আমি নিচে বিস্তারিত বর্ণনা করছি।

ব্লগার.কম এর ব্লগে Table of Contents বা TOC স্থাপন করার পদ্ধতি:

• ব্লগার.কম (Blogger.com) এ গুগল আইডি ও পাসওয়ার্ড (Google ID and Password) দিয়ে লগইন (Login) করুন।
• New Post লেখাতে ক্লিক (Click) করুন।
  
• নতুন পোস্ট লেখার জন্য পোস্ট এডিটরে (Post Editor) পৌঁছে যাবেন।।
• নতুন পোস্টটির নাম 'বিষয় ও পোস্ট তালিকা' কিংবা Table of Contents রাখুন।
  
• পোস্ট এডিটরে (Post Editor) আমরা সাধারণত 'Compose Mode' এ থাকি। কিন্তু আপনাকে এবার 'Edit HTML Mode' এ যেতে হবে। নিচের ছবিটি দেখুন।
• 
  
  
  
• এখানে Edit HTML লেখাতে (লাল রঙের দাগ চিহ্নিত) ক্লিক করুন।
• আপনার পোস্ট এডিটরটি Edit HTML Mode এ রূপান্তরিত হবে।
• এখানে নিচের কোডটি কপি (Copy) করে সম্পূর্ণ পেস্ট (Paste) করুন।
• 
  

  <script style="text/javascript" src="http://sites.google.com/site/banglahacks/tools/blogtoc.js"></script>
  <script src="http://banglahacks.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"></script>

• এখানে banglahacks.com লেখাটি পাল্টে আপনার ব্লগের ওয়েব এড্রেস (Web Address) বা URL লিখে দিন।
• max-results=9999 পাল্টে কমিয়ে দিতে পারেন। আপনার যেটা ভাল লাগে বা যে সংখ্যক পোস্ট আপনি পাঠককে দেখাতে চান তা লিখে দিন।
• পোস্টটি পাবলিশ (Publish) করুন।
• তৈরি হয়ে গেল আপনার ব্লগের 'টেবিল অব কনটেন্টস' (Blogs Table of Contents)
  
• 'বিষয় ও পোস্ট তালিকা'টি দেখতে কেমন তার নমুনা পরীক্ষা করে দেখুন এই লিংক থেকে ।
  
• আপনার ব্লগের শেষ দশটি পোস্টের পাশে লাল রঙের "New" লেখা থাকবে।
  
• মূল জাভা স্ক্রীপ্ট ফাইলটি হল: http:/www.abu-farhan.com/script/daftarisiblogger/blogtoc-min.js
• ব্যান্ডউইথ সমস্যার মুখোমুখি যেন হতে না হয়, সেজন্য আমি নিজস্ব আপলোডেট (Uploded) জাভাস্ক্রীপ্ট ফাইলটি (JavaScript File) মূল কোডে দিয়ে দিয়েছি। আপনাদেরকে ব্যবহার করতে কোনরকম সমস্যার মুখোমুখি হতে হবে না বলে নিশ্চয়তা দিতে পারি।
  
• আর তারপরও কোনরকম সমস্যায় পড়লে আমি তো সাহায্য করার জন্য সদা প্রস্তুত আছিই।
  
• আশা করি কোনরকম সমস্যায় পড়লে নির্দ্বিধায় জানাবেন।