Blogger Blog Post Par Table Of Contents Kaise Add Kare :- नमस्कार दोस्तों आपका स्वागत हैं, इस ब्लॉग लेख में जहां हम आज जानेंगे की हम अपने ब्लॉगर में बने ब्लॉग के पोस्ट पर Table Of Contents ( TOC ) कैसे Add करें ताकी हमारी ब्लॉग लेख प्रोफेशनल और SEO Friendly बन सके क्योंकि ब्लॉग पोस्ट में Table Of Contents को जोड़ना भी SEO ( Search Engine Optimization ) के अंदर आता हैं. तथा आपके ब्लॉग पोस्ट में आने वाले विजिटर को आपकी ब्लॉग पोस्ट पढ़ते में भी आसानी रहती हैं।
टेबल ऑफ कॉन्टेंट की बात करें अगर आपके पास Wordpress Blog हैं, तो उसमें तो आप आसानी से TOC को Add कर सकतें हों क्योंकि वहां आपकों हर चीज़ के लिए Plugin मिल जाती हैं, बस प्लगिन इनस्टॉल करो उसे एक्टिव करो और काम खत्म लेकिन अगर आपका ब्लॉग Blogger.com में बना हैं. जिसमें आपने Free Theme का यूज किया हैं. और आप उस ब्लॉग के ब्लॉग पोस्ट में लिखे हर पोस्ट में Table Of Contents Add करना चाहते हों तो यह कैसे होगा यह हम आपको इस लेख में विस्तार में बताएंगे।
दोस्तों अगर हम ब्लॉगर में बने ब्लॉग में टेबल ऑफ कॉन्टेन Add करने की बात करें तो आपकों बता दे आज के समय में ब्लॉगर में कुछ टेंपलेट ऐसी भी होती हैं. जिनके अंदर ऑटोमैटिक यह फीचर होता हैं. बस आपको अपने ब्लॉग में लिखें हर पोस्ट में उनके द्वार दिए गए Short HTML Code को Add करना होता हैं. और TOC ब्लॉग पोस्ट में लग जाती हैं, लेकिन यह फीचर्स आपको ज्यादातर ब्लॉगर के उन टेंपलेट में देखने को मिलता हैं. जो Paid Template होती हैं।
लेकिन अगर आपका ब्लॉग Blogger में है, और आपके ब्लॉग टेम्पलेट में Table Of Contents का फीचर्स नहीं हैं. तो आप इसे खुद से भी टेम्पलेट में डाल सकतें हों. कैसे यह हम पुरे विस्तार में नीचे आपको बताएंगे।
आज के इस ब्लॉग लेख में हम आपकों बताएंगे की Blogger Blog Post Par Table Of Contents Kaise Add Kare. Blog Post Par TOC Kaise Lagaye तो चलिए शुरु करते हैं।
 |
| How To Add TOC Blogger in hindi |
Blogger में बने ब्लॉग के पोस्ट पर Table Of Contents कैसे Add करें
ब्लॉगर में बने ब्लॉग के Theme के HTML में कुछ कोड को डाल आप अपने ब्लॉग पोस्ट में TOC लगा सकतें हों. जी हां आप यह काम लैपटॉप से तो आसानी से कर सकतें हों लेकिन अगर आपके पास सिर्फ़ स्मार्ट मोबाइल हैं, जिससे ही आप ब्लॉगिंग करते हों तो आप मोबाइल से भी यह काम कर सकतें हो बस आप इस ब्लॉग लेख को ध्यान से पूरा जरूर पढ़े।
ब्लॉग पोस्ट में Table Of Contents कैसे लगाएं इसके बारे में जानने से पहले चलिए जान लेते हैं, की आखिर यह TOC Kya Hai , इसको ब्लॉग पोस्ट में लगाने से क्या फ़ायदा मिलता हैं।
TOC ( Table Of Contents ) क्या हैं?
टेबल ऑफ कॉन्टेंट एक ऐसी Table हैं, जो पुरे Contents के महत्वपूर्ण Heading, Subheading को मिला कर बनाई जाती हैं, जिससे ब्लॉग/ वेबसाइट में आने वाले विजिटर को शुरुवात में ही पता चल जाता हैं, की इस लेख में क्या जानकारी उसे मिलने वाली हैं, साथ ही उसे जो भी जानकारी चाहिए उस में क्लिक कर वह डायरेक्ट उस जानकारी को पढ़ सकता हैं. जिसके बारे में उसे जानना हैं।
उदाहरण- हमनें यह ब्लॉग लेख Blogger Blog Post Par Table Of Contents Kaise Add Kare लिखा हैं, जिसमें हमनें सिर्फ आपको Tabel Of Contents Add करना ही नही बताया बल्की यह भी बताया हैं. की TOC Kya Hai, इसके फायदे क्या हैं. अब अगर आप हमारे इस ब्लॉग लेख में आते हों तो आपको शुरुवात में ही Tabel Of Contents देखने को मिलेगा , जिसमें आपको इस लेख में क्या - क्या जानकारी है, इसका पता चलेगा तो मान लीजिए आपको टेबल ऑफ कॉन्टेंट क्या हैं, इसके फायदे क्या हैं, इसके बारे में पहले से ही पता हैं।
और आप सिर्फ Blog Post में TOC कैसे लगाए यह जानने आए हैं. तो आप Tabel में मौजूद उस हैडिंग में क्लिक कर डायरेक्टर पोस्ट के उस जगह पहुंच सकतें हों जहां हमने वो जानकारी दी हैं. जिससे आपका समय बचेगा।
क्योंकि बहुत सारे ब्लॉग लेख 15 से 20 हजार वर्ड के होते हैं, अब अगर विजिटर को वहा TOC नहीं मिलेगा तो उसे स्क्रॉल करके उस जानकारी तक पहुंचना होगा. जो ज्यादातर विजिटर करेंगे नहीं और वो किसी दुसरे के ब्लॉग पोस्ट में चले जायेंगे जिससे ब्लॉग का यूजर इंगेजमेंट खराब हों जायेगा और इसका प्रभाव ब्लॉग की रैंकिंग में पड़ेगा।
ब्लॉग पोस्ट में Table Of Contents लगाने के फायदे
- ब्लॉग पोस्ट में TOC लगाने से पोस्ट में आने वाले यूजर को अच्छा एक्सप्रींस मिलता हैं, जो गूगल के नजरों में आपके ब्लॉग के रैंकिंग के लिए बहुत जरूरी हैं।
- Tabel Of Contents आपके ब्लॉग पोस्ट को प्रोफेशनल लुक देता हैं. ब्लॉग पोस्ट दिखने में भी अच्छी लगती हैं।
- ब्लॉग पोस्ट की हैडिंग और सब हैडिंग को भी Rank करने में मदद मिलती हैं।
- यह ब्लॉग के बाउंस रेट को बढ़ने से रोकता हैं।
- TOC ब्लॉग में आने वाले यूजर के लिए एक Roadmap का काम करता हैं।
Blogger Blog Post Par Table Of Contents Kaise Add Kare
ब्लॉग के थीम का Backup लें
- सबसे पहले आपको अपने Blogger डेसबोर्ड में लॉगिन करना हैं,
- अब आपको उपर तीन लाइन में क्लिक कर Theme के ऑप्शन में जा कस्टमाइज पर क्लिक करना हैं।
- जिसके बाद आपको Backup का ऑप्शन मिल जायेगा जिस में क्लिक कर आप अपने Theme का Backup डॉउनलोड कर सकतें हों।
स्टेप 1- Blogger.com में लॉगिन करें
स्टेप 2- क्लोजिंग </head> Teg को सर्च करना हैं
<link href='//fonts.googleapis.com/css?display=swap&family=Oswald' rel='stylesheet' type='text/css'/>
<script type='text/javascript'>
//<![CDATA[
//*************TOC Plugin V2.0 by MyBloggerTricks.com
function mbtTOC2(){var a=1,b=0,c="";document.getElementById("post-toc").innerHTML=document.getElementById("post-toc").innerHTML.replace(/<h([d]).*?>(.*?)</h([d]).*?>/gi,function(d,e,f,g){return e!=g?d:(e>a?c+=new Array(e-a+1).join("<ol class='point"+a+"'>"):e<a&&(c+=new Array(a-e+1).join("</ol></li>")),b+=1,c+='<li><a href="#point'+b+'">'+f+"</a>",a=parseInt(e),"<h"+e+" id='point"+b+"'>"+f+"</h"+g+">")}),a&&(c+=new Array(a+1).join("</ol>")),document.getElementById("mbtTOC2").innerHTML+=c}function mbtToggle2(){var a=document.getElementById("mbtTOC2"),b=document.getElementById("Tog");"none"===a.style.display?(a.style.display="block",b.innerHTML="hide"):(a.style.display="none",b.innerHTML="show")}
//]]>
</script>स्टेप-3 सर्च ]]></b:skin> कोड
/*####TOC Plugin V2.0 by MyBloggerTricks####*/.mbtTOC2{border:5px solid #0008FC ;border-radius: 10px 50px 10px 50px;box-shadow:5px 5px 5px 5px grey;border-style:dashed;background-color:#ACDEFB;color:#707037;line-height:1.4em;margin:30px auto;padding:20px 30px 20px 10px;font-family:Oswald, arial;display: block;width: 70%;}.mbtTOC2 button{background:#ACDEFB;font-family:oswald, arial; font-size:22px;position:relative;outline:none;border:none;color:#2E2E2E;padding:0 0 0 15px;}.mbtTOC2 button a {color:#FF0313;padding:0px 2px;cursor:pointer;}.mbtTOC2 button a:hover{text-decoration:underline;}.mbtTOC2 button span {font-size:15px; margin:0px 10px;}.mbtTOC2 li{margin:10px 0; } .mbtTOC2 li a { color:#EA1414; text-decoration:none; font-size:18px; text-transform:capitalize; } .mbtTOC2 li a:hover { text-decoration: underline; } .mbtTOC2 li li {margin:4px 0px;} .mbtTOC2 li li a{ color:#040404; font-size:15px; } .mbtTOC2 ol{counter-reset:section1;list-style:none} .mbtTOC2 ol ol{counter-reset:section2} .mbtTOC2 ol ol ol{counter-reset:section3} .mbtTOC2 ol ol ol ol{counter-reset:section4} .mbtTOC2 ol ol ol ol ol{counter-reset:section5} .mbtTOC2 li:before{content:counter(section1);counter-increment:section1;position:relative;padding:0 8px 0 0;font-size:18px} .mbtTOC2 li li:before{content:counter(section1) "." counter(section2);counter-increment:section2;font-size:14px} .mbtTOC2 li li li:before{content:counter(section1) "."counter(section2) "." counter(section3);counter-increment:section3} .mbtTOC2 li li li li:before{content:counter(section1) "."counter(section2) "."counter(section3) "." counter(section4);counter-increment:section4} .mbtTOC2 li li li li li:before{content:counter(section1) "."counter(section2) "."counter(section3) "." counter(section4)"." counter(section5);counter-increment:section5} /* .point2 {list-style-type:lower-alpha} .point3 {list-style-type:lower-roman} .point4 {list-style-type:disc}*/
स्टेप -4 सर्च < data:Post:body/>
स्टेप-1 आपको ब्लॉग पोस्ट के HTML View पर जाना हैं।
<div class="mbtTOC2">
<button>Contents <span>[<a onclick="mbtToggle2()" id="Tog">hide</a>]</span></button>
<div id="mbtTOC2"></div>
</div>स्टेप-2 यह कोड भी पेस्ट करें
<script>mbtTOC2();</script>
Please do not enter any spam link in the comment box.