ब्लॉगर मे Table Of Content कैसे ऐड करे ?

ब्लॉगर मे Table Of Content कैसे ऐड करे ? – अगर आप ब्लॉगिंग करते है और वो भी ब्लॉगर पर तो आज के ये आर्टिकल आपके लिए होने वाला है क्योंकी मैंने इस आर्टिकल मे बताया है की How To Add Table Of Content In Blogger In Hindi.

Table Of Content ( TOC ) Kya Hota Hai?

टेबल ऑफ कंटेन्ट आपके पोस्ट के अंदर हेडिंग, सब हेडिंग ये सब के कलेक्शन एक जगह शो करता है जिससे की यूजर का समय बचता है, अब आप कहिएगा की ये कैसे होता है तो मैं उसका उदाहरण देता हूँ की मान लीजिए आप अपने एक पोस्ट के 15 हेडिंग लिखे है और सबसे लैस वाला टॉपिक यूजर को पढ़ना है तो वो उतना नीचे स्क्रॉल करते रहेगा ।

लेकीन वही अगर आपके उस पोस्ट मे टेबल ऑफ कंटेन्ट ऐड रहेगा तो वो उस टॉपिक पर जैसे ही क्लिक करेगा तो वो उस टोपीक पर पहुँच जाएगा जिससे की उसको आसानी होगा और उसका समय बच जाएगा ।

तो चलिए अब जानते है की टेबल ऑफ कंटेन्ट अपने ब्लॉगर वेबसाईट पर कैसे लगते है ?

ब्लॉगर मे Table Of Content कैसे ऐड करे ?

सबसे पहले आपको अपने पोस्ट लिख लेना है उसके बाद आपको नीचे दिखाएगा स्टेप्स को फॉलो करना है ।

• सबसे पहले आपको अपने ब्लॉगर के Dashboard मे चले जाना है उसके बाद थीम पर क्लिक करना है और फिर एडिट एचटीएमएल पर क्लिक करना है ।

• अब आपको यहाँ पर </head> को सर्च करना है और उसके जस्ट ऊपर मे नीचे दिए गए कोड को पेस्ट करना है ।

• अब आपको  ]]></b:skin> कोड को उसमे फाइन्ड करना है और उसके जस्ट ऊपर नीचे दिए गए कोड को पेस्ट करना है ।

.avsTOC{border:5px solid #EE5535; 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%;} .avsTOC ol,.avsTOC ul {margin:0;padding:0;} .avsTOC ul {list-style:none;} .avsTOC ol li,.avsTOC ul li {padding:15px 0 0; margin:0 0 0 30px;font-size:15px;} .avsTOC a{color:#EE5535;text-decoration:none;} .avsTOC a:hover{text-decoration:underline; } .avsTOC 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;} .avsTOC button:after{content: “\f0dc”; font-family:FontAwesome; position:relative; left:10px; font-size:20px;}

• अब आपको <data:post.body/> को फाइन्ड करना है और आपके थीम मे जहां जहां पर ये कोड दिखे उसको नीचे दिए गए कोड से रिप्लेस करना है । और आप इस थीम को सेव कर दीजिए ।

अब आप अपने पोस्ट मे जाए और उसके बाद बताए गए स्टेप्स को फॉलो करे –

अब आपको वो पोस्ट खोलना है जिसमे की आप टेबल ऑफ कंटेन्ट लगाना चाहते है । और उस पोस्ट के एचटीएमएल सेक्शन मे जाकर अपना पहला हेडिंग को खोजना है और उसके पहले आपको इस कोड को पेस्ट कर देना है ।

• और उसी पोस्ट के सबसे लैस मे जाकर नीचे दिए गए कोड को पेस्ट कर देना है । बस आपका पोस्ट मे अब टेबल ऑफ कंटेन्ट दिखने लगेगा ।