Blogger पोस्ट में Table of Content कैसे लगाएं ?

 हेलो दोस्तो आज हम आपको अपने Bloggar post में  Table of Content कैसे लगाएं. अगर आपका वेबसाइट ब्लॉगर पर है तो आप HTML CODE के मदद से आप अपने ब्लॉगर पोस्ट में table of content लगा सकते हैं लेकिन अगर आपका वेबसाइट wordpress पर है तो आप plug ins के मदद से आप अपने wordpress के पोस्ट में Table of Content लगा सकते हैं आप HTML CODE अपने लैपटॉप और स्मार्टफोन से भी एडिट कर सकते हैं अगर आपको स्मार्टफोन से अपने ब्लॉगर पोस्ट में टेबल ऑफ कंटेंट का एचटीएमएल कोडिंग सीखना चाहते हैं तो नीचे डेमो वीडियो देख सकते हैं हमने अपने स्मार्टफोन से अपने ब्लॉगर पोस्ट में Table of Content लगा कर दिखाया है.

मान लीजिए आपने बहुत बड़ा पोस्ट लिखा है जिसमें कम से कम 3000 world's है आपका पोस्ट काफी बड़ा है लोगों को कैसे पता चलेगा कि आपने कौन-कौन से इतने बड़े पोस्ट में कॉन्टेंट बनाया है इसलिए जब हम बड़ा पोस्ट लिखते हैं तो हम टेबल ऑफ कांटेक्ट जरुर बनाते हैं ताकि वह सीधे उस पोस्ट पर पहुंच जाए जिसका उसको जरूरत है अपने ब्लॉगर पोस्ट में कोई टॉपिक रखते हैं 

यह भी पढ़ें- Blog पोस्ट को चोरी होने से कैसे बचाएं

यह भी पढ़ें- बिना Adsense के पैसे कैसे कमाएं

Table of content क्या है ?

Table of content वह होता है मान लीजिए किसी पोस्ट में हम बहुत से ज्यादा would का इस्तेमाल के हैं जिसमें हम अपने पोस्ट में सभी headings और subheadings जैसा हम अपने पोस्ट में heading ( h1,H2,h3,h4) एक form मैं दिया जाता है क्योंकि इस बड़े पोस्ट में कौन-कौन से टॉपिक का इस्तेमाल किया गया है heading उस टॉपिक के लिंक पर ही बनाया जाता है जो हम headings का इस्तेमाल करते हैं वही हमारे  Table of Content में आता है जैसे पता चल जाता है कि इसमें कौन कौन से टॉपिक का इस्तेमाल किया गया यूजर को जिस टॉपिक पर उसकी जरूरत होगी उस Table of Content के बॉक्स में जो हमने headings अपने ब्लॉग पोस्ट में दिए रहते हैं वहां पर टेबल ऑफ कंटेंट में शो होने लगता है जितने भी हम अपने पोस्ट में टोपी का इस्तेमाल करते हैं उस पोस्ट में सारे टॉपिक को headings में रखते हैं इसी हेडिंग को इस्तेमाल करने के लिए हम table of content बनाते हैं. के जब कोई यूज़र आए तो उसे table of content दिखाई दे और उस पर क्लिक करके सीधे उस टॉपिक पर पहुंच जाएं जहां पर उसको जरूरत हो इसलिए टेबल ऑफ कंटेंट बनाया जाता है.

यह भी पढ़ें- SEO क्या है । SEO KAISE KARE

Table of content ब्लॉग पोस्ट में कैसे लगाएं?

अगर आपका वेबसाइट wordpress पर है तो आप अपने content को plugins के माध्यम से आप अपना सभी पोस्ट में table of content लगा सकते हैं और अगर आपका वेबसाइट ब्लॉगर पर है तो आप HTML code की मदद से आप अपने ब्लॉग पोस्ट में टेबल ऑफ कंटेंट लगा सकते हैं बस आपको थोड़ी HTML coding की knowledge होनी चाहिए आप बहुत ही आसानी से ब्लॉग पोस्ट में table of content लगा सकता हूं चलिए बताते हैं कि अपने ब्लॉगर पोस्ट में Table of Content कैसे लगाएं बस आपको नीचे दिए गए स्टेप को फॉलो करना है.

अब आपको अपने ब्लॉग पोस्ट में Table of Content लगाने के लिए सबसे पहले आपको अपने ब्लॉग Theme का  backup ले लेना है ताकि आपको HTML code में कोई दिक्कत हो जाए तो आप फिर से अपना Theme install कर सकें. 

Blog post में Table of Content लगाने के लिए code

अपने ब्लॉग के Theme के html में </head> सर्च करना है ।

<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>

</head>  के उपर coad को 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;}

]]></b:skin> ke upar 👆

<data:post.body/> ko replace karna hai 👇jitni bar aaye

<div id="post-toc"><data:post.body/></div>

अब आपको निचे दिए गए coad को headings के उपर लगाना है

<div class="mbtTOC"> <button onclick="mbtToggle()">Table Of Contents</button> <ul id="mbtTOC"></ul> </div>

अब आपको निचे दिए गए coad को अपने ब्लॉग पोस्ट के सबसे निचे paste करना है

<script>mbtTOC();</script>

इस तरह आप सभी Step को Follow करेंगे तो आप अपने सभी पोस्ट में Table of Content लगा सकते हैं.

अगर आपको कुछ सवाल पुछना हो तो कमेंट बॉक्स कमेंट करे और पोस्ट को शेयर करें अपने दोस्तों के साथ।