How To Create Table Of Content Post In Blogger Bangla Tutorial

How To Create Table Of Content Post In Blogger Bangla Tutorial

table of content

 হাই বন্ধুরা আজ আমরা আলোচনা করবো table of content post বিষয়। এই পোস্ট এ আপনারা জানতে পারবেন Table of content post কি? user friendly post কি? Table of content দিয়ে কিভাবে পোস্ট র‍্যাঙ্ক করে? কিভাবে automatic Table of content Blogger এ setup করবেন? এসব বিষয় আজ জানতে পারবেন এবং শিখতে পারবেন। একটা আর্টিকেল কে সুন্দর ভাবে সাজাতে ট্যাবল অফ কন্টেন্ট তৈরি করা খুবই গুরুত্বপূর্ণ কারন আমরা চাই একজন ভিজিটর যেন আমাদের আর্টিকেল ভালোভাবে পড়তে পারে বুজতে পারে সেই বিষয় আমরা দিনরাত কাজ করে যায়। ভিজিটরকে খুশি করাতে পারলে আপনার জীবন সার্থক। তাহলে চলুন কিভাবে ট্যাবল অফ কন্টেন্ট তৈরি করবেন step by step সব কিছু জানি এবং শিখি।

 Table of content কি? 

 Table of content হলো আপনি একটা পোস্ট এ যত গুলো Heading Title ব্যবহার করবেন সব গুলো পোস্ট এর শুরুতে প্রশ্ন আকারে দেখা যাবে যেমন আপনি আমার পোস্ট এ দেখছেন। একজন ভিজিটর যখন আপনার সাইট এ পোস্টটি পড়ার জন্য আসবে তখন সে এক নজর এ দেখতে পারবে পোস্ট এ কি কি information আছে। ভিজিটর table of content এর যে Title এ ক্লিক করবে অটোমেটিক সেই টাইটেল এ চলে আসবে এতে করে ইউজার এর অনেক সুবিধা হবে। 

How to Table Of content 

এক কথায় table of content হলো আপনি আপনার পোস্ট এ যতগুলো Heading Title ব্যবহার করবেন সব পোস্ট এর শুরুতে ভিজিটর দেখতে সক্ষম হবে। আশা করি বুজতে পেরেছেন।

 Create Post Table of content Blogger Step by step 

 wardpress এ table of content খুব সহজে plaguin instoll করে তৈরি করা যায় কিন্তু blogger এ কোনো plagin add option নাই তাই আমরা কোডিং এর মাধ্যমে এই কাজ করবো ভালো ভাবো আমাদের কমান্ড ফলো করুন। 

 1. আপনার blogger Dasbord>themeplet>Edit এ ক্লিক করুন 

table of content post

 2. এই কোডটি ]]> </b:skin> সার্চ দিয়ে খুজে বের করে কোডের উপরে html text box এ দেয়া কোড গুলো দিয়ে theme save করুন। 

<link href='http://fortawesome.github.io/Font-Awesome/assets/font-awesome/css/font-awesome.css' rel='stylesheet'/> <link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'/> <script type='text/javascript'> //<![CDATA[ function mbtTOC() {var mbtTOC=i=headlength=gethead=0; headlength = document.getElementById("post-toc").getElementsByTagName("h2").length;for (i = 0; i < headlength; i++) {gethead = document.getElementById("post-toc").getElementsByTagName("h2")[i].textContent;document.getElementById("post-toc").getElementsByTagName("h2")[i].setAttribute("id", "point"+i);mbtTOC = "<li><a href='#point"+i+"'>"+gethead+"</a></li> ";document.getElementById("mbtTOC").innerHTML += mbtTOC;}}function mbtToggle() {var mbt = document.getElementById('mbtTOC');if (mbt .style.display === 'none') {mbt .style.display = 'block';} else {mbt .style.display = 'none';}} //]]> </script> "

 বিদ্রঃ এই কোডটি সুধু একবার theme এ সেভ দিলে পরবর্তীতে আর কখনো সেভ করা লাগবে না 

3.এখন যে পোস্ট এ table of content এড করতে চান সেই পোস্ট এ গিয়ে edit post>html এ ক্লিক করুন তারপর পোস্ট এর Html page a fast heading title খুজে বের করে title close tag এর পর এই কোডটি পেস্ট করে সেভ করুন।

<div class="mbtTOC"> <button onclick="mbtToggle()">Table Of Contents /button> <ul id="mbtTOC"></ul> </div> </style> <form> <textarea class="tag" rows="10" cols="37" onClick=select() readonly><script>mbtTOC();</script>"

"  বিদ্রঃ যতগুলো পোস্ট এ table content add করবেন সব গুলোতে এই কোডটি fast heading title close tag এর পর বসাতে হবে

 5. এবার আবার post html এ গিয়ে পোস্ট এর সব শেষে এই কোর্ডটি দিয়ে save করুন

<script>mbtTOC();</script>"

 বিদ্রঃ যতগুলো পোস্ট এ table content add করবেন সব গুলোতে এই কোডটি দিতে হবে।

 এবার পোস্ট পাবলিশ করে দেখুন আপনার table of content post a add হয়েছে।
বিদ্রঃ সব কাজ সঠিক ভাবে করতে হবে। 

 user friendly Post কি?

 user Friendly post হলো আপনার পোস্ট যেন ভালোভাবে সাজানো গুছানো থাকে। একজন ভিজিটর আপনার পোস্ট যেন ভালো ভাবে বুজতে পারে সঠিক information পায়। user friendly post তৈরি করতে table content তৈরি করতে হবে।table content যুক্ত করলে একজন user সহজে বুজতে পারে পোস্ট এ কত গুলো হেডিং আছে এবং কোন কোন বিষয় লেখা আছে user সহজে Heading Title এ ক্লিক করে আর্টিকেল পড়ার সুবিধা পাবে এটাই user friendly post.

 Table of content SEO তে গুরুত্বপূর্ণ 

 table of content SEO (Search engine Optimization) এ অনেক বড় ভুমিকা পালন করে। table of content heading title google search এ ফাস্ট পেজ এ খুব সহজে র‍্যাঙ্ক করে। একটু লক্ষ্য করলে দেখবেন বড় বড় ব্লগাররা কিন্তু table of content ব্যবহার করে। ধন্যবাদ সবাইকে   

SHARE THIS