Blog में Table of Contents कैसे Add करे

नमस्कार दोस्तों, अगर आप भी एक ब्लॉगर है और अपने ब्लॉग में Table of Contents लगाना चाहते है पर इस बात की जानकारी नही है की Blog में Table of Contents कैसे Add करे, तो आप बिलकुल ही सही जगह पर आए है |

आज की पोस्ट में हम आपको Table of Contents से जुड़ी से छोटी से बड़ी हर जानकारी (जैसे की Table of Contents क्या होता है, Table of Contents का इस्तेमाल क्यों करना चाहिए, Blogger में Table of Contents कैसे Add करे तथा WordPress में Table of Contents किस तरह से Add करे) देंगे |

आज की पोस्ट पढने के बाद आपको कही भी जाने की जरूरत नही पड़ेगी क्योंकि हम आपको सारे Codes या Codes के लिंक इसी पोस्ट में दे देंगे |

तो दोस्तों बिना और समय बर्बाद करे चलिए जानते है Table of Contents के बारे में विस्तार से | 

Table of Contents(TOC) क्या है?

Table of Contents किसी भी पोस्ट का एक Structure Overview होता है जिसमे की पोस्ट की सभी Headings, Sub-headings, Minor Heading etc होती है जिससे की Users को ये idea हो जाए की पोस्ट में किस किस चीज़ की जानकारी दी गयी है और Users सीधे उसी Topic पर redirect हो जाए जिसे वो पढ़ना चाहता हो |

Table of Contents(TOC) लगाने के फायदे 

अपने Blog में Table of Contents लगाने के कई सारे फायदे है जैसे की आप लोग ने देखा ही होगा की आप जब भी कुछ सर्च करते है तो आपके Search Results में भी Wikipedia की वेबसाइट बोहोत बार ही आई होगी | 

Wikipedia भी अपने हर पोस्ट में Table of Contents का इस्तेमाल करता है जिससे की विकिपीडिया के ब्लॉग पोस्ट की Ranking अच्छी होने लगती है |

इसलिए हर एक ब्लॉगर को अपने ब्लॉग में Table of Contents का इस्तेमाल तो करना ही चाहिए अब चाहे वो Blog Blogger पर हो या WordPress पर |

चलिए दोस्तों अब Table of Contents के कुछ और फ़ायदों के बारे में जान लेते है |

  • ये आपके ब्लॉग के SEO को improve करने में काफी मदद करता है, इससे आपके ब्लॉग पोस्ट सर्च रैंकिंग में Top Positions पर आ पाती है |
  • Table of Contents(TOC) आपके ब्लॉग के Navigation और User Experience को काफी बेहतर बनाती है |
  • Time के अभाव में Users Table of Contents की मदद से Users directly उस टॉपिक पर जा सकते है जिसके के बारे में वे जानना चाहते है |
  • इसके वजह से Google के Crawlers को भी आपके ब्लॉग को समझने और Crawl करने में आसानी होती है जिससे की आपके ब्लॉग पोस्ट गूगल में जल्दी Index हो जाते है |
  • यह आपके ब्लॉग के UI Design को भी काफी Improve करता है |

Blog में Table of Contents कैसे Add करे 

दोस्तों जैसा की हमने अभी तक जाना की Table of Contents(TOC) क्या होता है, और TOC का प्रयोग अपने ब्लॉग पर क्यों करना चाहिए, अब हम ये जानेंगे की आप किस तरह से अपने Blog में Table of Contents बड़े आसानी से Add कर सकते है अब चाहे आपका ब्लॉग Blogger पर हो या WordPress पर |

Blogger में Table of Contents कैसे Add करे

दोस्तों जैसा की हम सभी जानते है की हमे blogger पर बोहोत कम features मिलते है और उसमे छोटी सी चीज़ Add करने के लिए घंटो Tutorials देखने पड़ते है | मैंने भी अपने ब्लॉग्गिंग Journey की शुरुवात Blospot से ही की थी इसलिए मुझे इन सभी मुश्किलों के बारे में पता है को की आज के न्यू ब्लॉगरस फेस करते होंगे |

जब मैं ब्लॉगर का इस्तेमाल करता था तो मैं भी अपने ब्लॉग में Table of Contents Add करना chahta था, इसके लिए मैंने बोहोत सरे Tutorials देखे और Blogs भी पढ़े पर मुझे मेरे मन मुताबिक Table of Contents नही मिला | फिर जाकर कई घंटो की मेहनत के बाद मुझे एक Indoesian Blog मिला जिसका की नाम Igniel है, और उसके बाद मुझे मेरे पसंद का Table of Contents मिल गया है |

आज मैं अभी अपने ब्लॉग के माध्यम से आप सभी को जरूरी Codes और steps बताने वाला हू जिससे की आपको भी हेल्प मिल सके और आप अपने ब्लॉगर ब्लॉग में Table of Contents बड़े ही आसानी से लगा पाए |

  • सबसे पहले अपने Blogger Blog में Gmail ID से login करे फिर Theme के Option में जाकर Edit Html पर Click करे |
  • उसके बाद CTRL + F दबाकर  सर्च बॉक्स में ]]</b:skin/> सर्च करे और इसके उपर ये कोड Paste कर दे और Save Theme कर दे |
.toc {background-color:#f8f9fa; border:1px solid #a2a9b1; padding:10px 13px; display:table; line-height:1.6em;}
.toc h2 {display:inline-block; margin-right:10px}
.toc a {text-decoration:none}
.toc a:hover {text-decoration:underline}
.toc ul {list-style-type:none; list-style-image:none; margin:0px; padding:0px; text-align:left}
.toc ul li {list-style-type:none;}
.toc ul li a {margin-left:.5em}
.toc ul li ul {margin-left:2em}
.toctogglelabel {cursor:pointer; color:#0645ad}
:not(:checked) > .toctoggle {display:inline !important; position:absolute;  opacity:0}
:not(:checked) > .toctogglespan:before {content:'['}
.toctoggle:not(:checked) + .toctitle .toctogglelabel:after {content:'sembunyikan';display: inline}
.toctoggle:checked + .toctitle .toctogglelabel:after {content:'Contract'}
:not(:checked) > .toctogglespan:after {content:']'}
.toctoggle:checked ~ ul{display:none}
:target::before {content:''; display:block; height:0px; margin-top:0px; visibility:hidden}
  • अब आप जिस भी पोस्ट में Table of Contents Add करना चाहते है तो पोस्ट के HTML मोड में जाये और जहा पर भी टेबल ऑफ़ कंटेंट्स को शो करना चाहते है वहाँ पर ये कोड Paste कर दे |
<div class="toc">
  <input type="checkbox" role="button" id="toctoggle" class="toctoggle"><div class="toctitle"><h2>Daftar isi</h2><span class="toctogglespan"><label class="toctogglelabel" for="toctoggle"></label></span></div>
  <ul>
    <li>1 <a href="#toc1" title="Heading 1">Heading 1</a></li>
    <li>2 <a href="#toc2" title="Heading 2">Heading 2</a></li>
    <li>3 <a href="#toc3" title="Heading 3">Heading 3</a></li>
    <li>4 <a href="#toc4" title="Heading 4">Heading 4</a></li>
    <li>5 <a href="#toc5" title="Heading 5">Heading 5</a></li>
  </ul>
</div>
  • अब आप अपने पोस्ट के header wise toc1, toc2 इत्यादि का प्रयोग करे जैसे की
<h2 id =”toc1”>First Heading</h2>
<h2 id =”toc2”>Second Heading</h2>

तो दोस्तों इस तरह से आप अपने Blogger Blog में Table of Contents का इस्तेमाल कर सकते है | ये प्रोसेस आपको दिखने में थोड़ी से मुश्किल लग रही होगी पर ये बोहोत ही आसान प्रोसेस है | मैंने यह पर Automatic Mehtod नही बताया है क्युको automatic method बोहोत सारे Themes के साथ काम नही करती |

मैं perosnally भी उपर दिए गये Manual Method का ही इस्तेमाल करता था क्योंकि उसमे आपको Smooth Scroll का Feature मिल जाता था |

अगर आपको इस process को करने में किसी भी तरह की प्रॉब्लम आए तो आप हमे कमेंट करे हमे आपकी सहायता कर ख़ुशी होगी|

WordPress Blog में Table of Contents कैसे Add करे

दोस्तों WordPress Blog में Table of Contents(TOC) ब्लॉगर के मुकाबले काफी ही ज्यादा आसान है | और इसमें बस आपको एक बार Settings करनी होती है उसके बाद ये खुद Automatically सारे Blog Post और Pages में Add हो जाएगी |

  • सबसे पहले आप अपने WordPress के Dashboard में login करे और फिर Plugins वाले Tab में जाकर New Plugin पर Click करे |
  • अब आप सर्च बॉक्स में Easy Table of Contents को सर्च करे और उस plugin को Install कर के Activate कर ले |
  • अब आप Settings में जाकर Table of Contents पेज को खोले और इसमें plugins की बेसिक सेटिंग्स कर ले ( जैसे की आपको Table of Contents कहा कहा पर दिखाना है, कितने sub-headings में दिखाना है इत्यादि |

इस तरह से आपके WordPress ब्लॉग में Automatic Table of Contents का Feature Add हो जायेगा |  यहाँ पर मुझे Easy Table of Contents वालो ने Sponsor नही किया है (=_=), यहाँ पर मैंने इसी को केवल इसीलिए सेलेक्ट किया है क्योंकि ये बोहोत ही lightweight और अच्छा plugin है और मैं खुद भी अपने इस ब्लॉग पर इसका इस्तेमाल करता हूँ | 

FAQ – आपके सवाल हमारे जवाब 

Que. क्या अपने Blog में Table of Contents का इस्तेमाल करना Compulsory है ?

Ans. नही, ऐसा बिलकुल नही है इसके इस्तेमाल से आपका ही फायदा होगा |

Que. क्या Table of Contents का असर हमारे Blog पर पड़ता है ?

Ans. हा, इससे आपके ब्लॉग की Ranking अच्छी होती है |

Que. WordPress के लिए Best Table of Contents Plugin कौन सा है ?

Ans. Easy Table of Contents Plugin 

Conclusion

तो दोस्तों आज की पोस्ट में हमने जाना की Table of Contents(TOC) क्या होता है, हमे अपने ब्लॉग में Table of Contents का इस्तेमाल क्यों करना चाहिए और आप किस तरह से अपने Blogger और WordPress ब्लॉग में बड़े ही आसानी से Table of Contents(TOC) का इस्तेमाल कर सकते है |

मुझे आशा है आपको आज हमारी आज की ये पोस्ट अच्छी लगी हो, ऐसे ही अच्छे और ज्ञानवर्धक पोस्ट के लिए हमारे ब्लॉग पर आते रहे | हम आपके ब्लॉग्गिंग Journey को आसान और कामयाब बनाने में आप सभी की मदद करेंगे क्योंकि हमारा मानना है की ज्ञान बाँटने से ही बढ़ता है |

मैं मिलता हु आप सभी से एक ऐसे ही शानदार और informative पोस्ट के साथ तब तक के लिए जहाँ भी रहे स्वस्थ रहे और अपने parents के blessings के साथ आगे बढ़ते रहे |

ज्ञान की उचाईयों को पाएँ !!

हिंदी Topia

Leave a Comment

Your email address will not be published. Required fields are marked *

error: Content is protected !!