ব্লগার ওয়েবসাইটে টেবিল অফ কনটেন্ট কিভাবে লাগাবেন | ব্লগার ওয়েবসাইটে টেবিল কনটেন্ট যুক্ত করুন | How to Create Table of Content on Your Blog
আজকে আর্টিকেলে আমি আপনাদেরকে শেখাবো ব্লগার ওয়েবসাইটে কিভাবে টেবিল অফ কনটেন্ট যুক্ত করবে এবং টেবিল অফ কন্টেন্ট ব্লগার ওয়েবসাইট কে কিভাবে রেংক করতে সাহায্য করে, ওয়ার্ডপ্রেস এর মত ব্লগার ওয়েবসাইটেও টেবিল অফ কন্টেন্ট দ্বারা আপনার আর্টিকেল কে সুন্দরভাবে দর্শকের সামনে উপস্থাপন করতে পারবেন। এজন্য আপনাকে যে যে পন্থা অবলম্বন করতে হবে সেগুলি নিয়েই মূলত আজকের এই আর্টিকেলে আলোচনা করব |Create table of contant on blog, table of contant, blogging tips, seo page, onpage seo blogger, blogging script, blogger seo for contant, important seo keyword, bengali blogger, Ranaghat blogger, top blogger in west bengal,
টেবিল অফ কনটেন্ট এর কাজ কি ? টেবিল অফ কনটেন্ট কিভাবে কাজ করে ? How to Work Table of Content ?
টেবিল অফ কন্টেন্ট কি: এর আগেই বলেছি টেবিল অফ কনটেন্ট হলো ব্লগার
ওয়েবসাইটের লেখা আর্টিকেলগুলির তার ভেতরে থাকা ফোকাস কিওয়ার্ড গুলিকে
সারিবদ্ধ ভাবে উল্লেখিত করা, এর ফলে পাঠক সহজেই আর্টিকেলের বিষয়বস্তু সহজেই
অনুসরণ করতে পারবে |তাহলে বুঝতে পারলেন টেবিল অফ কন্টেন্ট কি ? Table of contant how to work, Focous Keywoard, top seo keywoard
টেবিল অফ কনটেন্ট এর কাজ: আর্টিকেলে যে সমস্ত বিষয়বস্তু আমরা উল্লেখ করে দিই সেগুলিকে টার্গেট কিওয়ার্ড এর সাথে পাঠকের সামনে উপস্থিত করা হলো টেবিল অফ কনটেন্ট এর মূল কাজ। টেবিল অফ কন্টেন্ট দ্বারা যে সমস্ত কিওয়ার্ড আপনার আর্টিকেলের মধ্যে সীমাবদ্ধ থাকে সেগুলিকে গুগল সার্চ এর মাধ্যমে সকলের সামনে উপস্থিত করা। How to work table of contant, write seo contant, Ranaghat Blogger, bengali blogger,
ব্লগার ওয়েবসাইটে টেবিল অফ কনটেন্ট যুক্ত করার উপায় ?
আপনি যদি একজন ব্লগার হয়ে থাকেন তবে আপনি আপনার সুন্দর করে গোছানো আর্টিকেলগুলি আপনার পাঠকের সামনে উপস্থাপন করার জন্য যে কৌশলটিকে কাজে লাগাবেন সেটাকেই আমরা বলি TOC (টেবিল অফ কন্টেন্ট) এটা আপনি কিভাবে আপনার ব্লগার ওয়েবসাইটে সেট করবেন তা নিচে স্টেপ বাই স্টেপ চিত্রসহ দেখিয়ে দেওয়া হলো-
1) ব্লগার ওয়েবসাইটে ড্যাশবোটে যাবেন সেখানে থিম অপশন দেখতে পাবেন সেখানে ক্লিক করবেন।
2) এবার এখানে কাস্টমাইজেশন অপশন দিতে ক্লিক করবেন
3) সেখানে আপনারা Edit Html অপশনটিতে ক্লিক করে সমস্ত কোড বের করবেন।
4) এখানে সমস্ত কোডগুলি বেরিয়ে গেলে আপনাকে CTRL+F সাহায্যে বার করে নেবেন </head> আর এর ঠিক উপরের অংশে নিচে দেওয়া কোডটিকে বসিয়ে দেবেন
<style type='text/css'>
/* CSS Table of Contents */
#light-toc{background:#f5f5f5;border-radius:3px;padding:10px 20px}
#toc_list{font-weight:700;cursor:pointer;margin:10px 0}
#toc_list:focus,#toc li:focus,.back_tocontent:focus{outline:none}
#toc_list svg{vertical-align:middle}
#toc li{background:transparent;cursor:pointer;margin:.2em 0 .2em 1em}
#toc ol li:before{left:-2em}
#toc li a{color:#222}
#toc li a:hover{color:#1e90ff}
#toc{display:grid}
.back_tocontent{display:inline-block;cursor:pointer;text-align:right;float:right;margin:15px auto;background:#00cec9;color:#fff;font-size:11px;padding:2px 12px;border-radius:99em;transition:all .3s}
.back_tocontent:hover{background:#2d3436;color:#fff}
:target::before{content:'';display:block;height:40px;margin-top:-40px;visibility:hidden}
</style>
<div id="light-toc">
<div id="toc_list" onclick="if (document.getElementById('toc').style.display === 'none') { document.getElementById('toc').style.display = 'block'; } else { document.getElementById('toc').style.display = 'none'; }" role="button" tabindex="0">
Contents <svg width="18" height="18" viewBox="0 0 24 24"><path fill="#000000" d="M12,18.17L8.83,15L7.42,16.41L12,21L16.59,16.41L15.17,15M12,5.83L15.17,9L16.58,7.59L12,3L7.41,7.59L8.83,9L12,5.83Z" /></svg></div>
<div id="toc">
<ol>
<li><a href="#1" >heading 1</a></li>
<li><a href="#2">heading2 </a></li>
<li><a href="#3">Subheading 1</a></li>
<li><a href="#4">Subheading 2</a></li>
<li><a href="#5">Minor heading </a></li>
</ol>
</div>
</div>এবার আপনাকে যেতে হবে আপনার ব্লগার ওয়েবসাইটের সেই পোস্টটিতে যে পোষ্টের ভেতর আপনি Table of Content যুক্ত করতে চান, এবার আপনাকে এখানে গিয়ে Html View অপশনটিতে ক্লিক করবেন এবং এখানে আপনার যেখানে ইচ্ছা, নিচের দেওয়া কোডটিকে বসিয়ে দেবেন। এবার আপনারা নিচের দেওয়া ভিডিও ভালো করে লক্ষ্য করবেন সেখানে সম্পূর্ণ ডিটেইল দেওয়া রয়েছে আপনার কোন ত্রুটি থাকলে ভিডিও দেখে স্টেপ বাই স্টেপ করতে পারবেন | আশা করি বন্ধুরা এবার আপনারা বুঝতে পারলেন কিভাবে ব্লগার ওয়েবসাইটে টেবিল অফ কন্টিনেন্ট যুক্ত করবেন
id="1"এই আর্টিকেলের ভেতর আপনাকে শুধুমাত্র নিচে দেওয়া এই কোডটিকে রিপ্লেস করতে হবে যে জায়গায় আপনি হেডিং ওয়ান ইউজ করেছেন, সেই জায়গায় আপনাকে নিচের কোডটা ব্যবহার করতে হবে, আর যে জায়গায় আপনি h2 ইউজ করেছেন সেখানে ওই কোডটির নাম্বার পরিবর্তন করতে হবে।