Table Of Contents Blogger(ব্লোগার টেবিল অফ কন্টেন্ট): আপনি যদি গুগলের Free Blogger নিয়ে কাজ করছেন এবং আপনি জানেন না যে কিভাবে Table Of Contents (TOC) বসাতে হয়। তাহলে আজকের এই প্রতিবেদনে আপনি Table Of Contents Blogger সম্পর্কে বিস্তারিত জানতে পারবেন।
Highlights Points 👇
আমাদের মধ্যে অনেকেই নতুন নতুন ব্লোগিং শুরু করে দুঃচিন্তায় পড়ে যায়, যে Table Of Contents, কি, Blogger Post এ Table Of Contents কিভাবে যুক্ত করবো, আসলে এ সব খুবই গুরুত্বপূর্ণ বিষয় একটা নতুন ব্লোগারের জন্য। আপনি যদি WordPress ব্যবহার করেন তাহলে এখানে খুব সহজেই Table Of Contents বসাতে পারবেন।
কিন্তু Blogger এ html code এর সাহায্যে টেবিল অফ কনটেন্ট তৈরি করতে হবে। Table of contents সর্বপ্রথম ব্যবহার করে ছিলেন “Pliny the Elder author” বই পড়ার সুবিধার্থে, তার পর এটা ব্লোগ পোস্ট এ ব্যবহার করা শুরু হয়। এটা ব্যবহার করার উদ্দেশ্য ছিল যারা পোস্টটি সুন্দর ভাবে পড়ার সুবিধার্থে।
এটাও পড়ুন 👉 Blogger SEO Friendly পোস্ট লেখার উপায় | Blogger SEO Friendly Article
কারন, একটা পোস্ট ১০০০-৩০০০ হাজার সংখ্যার হয়ে থাকে কিন্তু পুরো পোস্টটি পড়া হয়তো সম্ভব নয়, সেই সময় Table Of Contents এর দ্বারা নির্দিষ্ট বিষয় টুকু পড়তে পারবেন।
Table of contents Blogger
আপনি যখন একটা ব্লোগ পোস্ট লেখেন এবং যত গুলো Headings ব্যবহার করেন, এই ব্যবহারিত সকল Headings গুলোর উপর ভিত্তি করে সর্ট লিঙ্ক তৈরি হয়। আপনি ইচ্ছে মতো একটা ব্লোগ পোস্ট এর যে কোনো অংশ পড়তে পারবেন। Table Of Contents এর সাহায্য নিয়ে। এছাড়া TOC ব্যবহার করলে Google এ আপনার পোস্ট খুব তারাতারি রেঙ্ক করে। এবং User Experience খুবই ভালো হয়।
Join Telegram Group 👉 Click Here
Blogger এ Table Of Contents (TOC) কিভাবে ব্যবহার করবেন
ব্লোগারে Table Of Contents add করার জন্য কিছু স্টেপ ফলো করতে হবে, যা নীচে দেখান হয়েছে
- Go to Blogger Dashboard
- Go to Theme Option
- Select Edit HTML
- Add Code Between <Head> Section
- Add Code Above ]]></b:skin> Section
- Replace <data:post.body/> code
- Add Code in Post
- Add Code End of The Post
Step-1: Go To Blogger Dashboard
সর্বপ্রথমে ব্রাউজার ওপেন করুন এবং ব্লোগার সার্চ করে, ইমেল আইডি এবং পাসওয়ার্ড দিয়ে লগইন করে নিন।
Step-2: Go To Theme
এখন আপনাকে থিম এ ক্লিক করতে হবে।
Step-3: Select Edit HTML
এখানে Edit HTML এ ক্লিক করতে হবে। তার আগে Backup নিয়ে রাখবেন, যদি ভুল বসত কোনো সমস্যা হয় তখন Backup কাজে লাগবে।
Step-4: Add Code Between <Head> Section
এখানে আপনি প্রথমে সার্চ করুন <head> অথবা Ctrl+f press করলে সার্চ বক্স খুলবে এখানে <head> বসিয়ে ইন্টার প্রেস করুন। এবং নীচের এই Code Paste করেদিন <head> এর পর।
<script type=’text/javascript’> //<![CDATA[ //*************TOC plugin 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>
Step-5: Add Code Above ]]></b:skin> Section
এখন আপনি সার্চ করুন ]]></b:skin> এবং নীচের এই Code টি Paste করুন।
.mbtTOC{border:5px solid #f7f0b8;box-shadow:1px 1px 0 #EDE396;background-color:#FFFFE0;color:#707037;line-height:1.4em;margin:30px auto;padding:20px 30px 20px 10px;font-family:oswald,arial;display:block;width:70%}.mbtTOC ol,.mbtTOC ul{margin:0;padding:0}.mbtTOC ul{list-style:none}.mbtTOC ol li,.mbtTOC ul li{padding:15px 0 0;margin:0 0 0 30px;font-size:15px}.mbtTOC a{color:#0080ff;text-decoration:none}.mbtTOC a:hover{text-decoration:underline}.mbtTOC button{background:#FFFFE0;font-family:oswald,arial;font-size:20px;position:relative;outline:none;cursor:pointer;border:none;color:#707037;padding:0 0 0 15px}.mbtTOC button:after{content:”f0dc”;font-family:FontAwesome;position:relative;left:10px;font-size:20px}
Step-6: Replace <data:post.body/> code
এখন আপনি সার্চ করুন <data:post.body/> এবং যত বার এই কোড় আছে ততবার নীচের কোড় এর থাকে Replacement করে নিন। কোড় নীচে
<div id=”post-toc”><data:post.body/></div>
Step-7: Add Code in Post
এখন নীচের এই Code টি আপনার Blog Post এ Paste করতে হবে। (আপনার Blog Post টিকে html view এ করতে হবে)
<div class=”mbtTOC”> <button onclick=”mbtToggle()”>Contents</button> <ol id=”mbtTOC”></ol> </div>
Step-8: Add Code End of The Post
এটি হল সর্বশেষ Step, নীচের এই Code টি আপনার Blog Post এর সবচেয়ে নীচে Paste করতে হবে।
<script>mbtTOC();</script>
WordPress table of contents
WordPress এটা সম্পর্কে প্রায় আমরা সবাই কমবেশি জানি। WordPress হল ব্লোগিং এর সবচেয়ে উন্নত একটি প্রয়োক্তি। আপনি যদি Free Blogger নিয়ে কাজ করেন, তাহলে আপনাকে কোড়িং(Coding) জানতে হবে। আপনি Free Blogger এ যেকোনো পরিবর্তন করতে গেলে কোড়িং করতে হবে।
কিন্তু, WordPress এ কোড়িং এর প্রয়োজন হয় না। এখানে আপনি বিভিন্ন ধরনের Plugin দেখতে পাবেন, যা আপনার কোড়িং এর কাজ করে। যেমন – আমরা উপরে জানমাল, Blogger এ table of contents সেটাপ করার জন্য প্রচুর html code এর প্রয়োজন হয়। কিন্তু, WordPress table of contents সেটাপ করার জন্য শুধু মাত্র একটা Plugin এর প্রয়োজন হবে।
WordPress table of contents সেটাপ করার উপায় ?
আপনি যদি WordPress নিয়ে কাজ করেন, কিন্তু WordPress table of contents কিভাবে সেটাপ করতে হয়, সেটা জানেন না। তাহলে নিচের পয়েন্টগুলো অনুসরণ করুন। আপনি খুবই সহজ উপায়ে বিস্তারিত জানতে পারবেন।
- সর্বপ্রথম আপনি WordPress Login করুন।
- WordPress Login করার পর, আপনি Plugin Option এ ক্লিক করুন।
- Plugin Option এ ক্লিক করার পর, এখানে আপনি Add New Plugin Option এ ক্লিক করুন।
- এখানে আপনি উপরে সার্চ বক্স দেখতে পাবেন, এখানে Table Of Contents বা TOC লিখে সার্চ করুন।
- এখন আপনার সামনে প্রচুর Plugin আসবে, এখন আপনার পছন্দ মতো যে কোনো একটা Download করে Active করে নিন।
এই সামান্য কাজ করলেই আপনার WordPress table of contents Setup করা হয়ে যাবে।
Conclusion Of Table Of Contents Blogger
দর্শক, আজকের এই অ্যার্টিকেলে আমি ব্লোগারে টেবিল অফ কন্টেন্ট সেট করার উপায় সম্পর্কে বিস্তারিত তথ্য আপনাদের সামনে উপস্থাপন করলাম। আপনি যদি একজন ফ্রি ব্লোগার হয়ে থাকেন, তাহলে অ্যার্টিকেলটি অবশ্যই কাজে লাগবে।
এই Table Of Contents Blogger সেটাপ করার সময় যদি কোনো ধরনের সমস্যায় পড়েন, তাহলে আপনি এই অ্যাটিকেলের নিচে কমেন্ট করতে পারেন, অথবা আমার টেলিগ্ৰাম গ্ৰুপ জয়েন করুন। এখানে আপনি সরাসরি আমার সাথে কথা বলতে পারবেন।
এই অ্যার্টিকেলটি যদি আপনার Table Of Contents Blogger সেটাপ করতে সাহায্য করে, তাহলে অবশ্যই নিজের বন্ধুদের সাথে বা ফেসবুআতক, ব্যবহার শেয়ার করবেন। যাতে অন্যরাও ফ্রি ব্লোগার থেকে টাকা ইনকাম করতে পারে ।
FAQs. Table Of Contents Blogger
প্রশ্ন: ব্লোগার টেবিল অফ কন্টেন্ট বসানোর সহজ উপায় ?
উত্তর: ব্লোগার টেবিল অফ কন্টেন্ট বসানোর কোনো সহজ উপায় নেই। Blogger Table Of Contents তৈরি করার জন্য আপনাকে কোড়িং জানতে হবে। এছাড়াও এখন ইন্টারনেটে এই ধরনের কোড় পাওয়া যায়।
প্রশ্ন: ব্লোগার টেবিল অফ কন্টেন্ট কোড় কোথায় পাবো ?
উত্তর: আপনি যদি ব্লোগার টেবিল অফ কন্টেন্ট কোড় কোথায় পাবেন ভাবছেন। তাহলে বেশি চিন্তা করার প্রয়োজন নেই। আপনি এই বিষয়ে বিস্তারিত আলোচনা করেছি, এবং সকল কোড় ও দিয়েছি। আপনি উপরের অ্যার্টিকেলটি সম্পুর্ন পড়ুন।