How To Add Table Of Content in Blogger 2020

How To Add Table Of Content in Blogger 2020

 

 

Add Table Of Content in Blogger – दोस्तों आज मैं आप को बताने जा रहा हु की आप अपनी bloggger के blog पर किस तरह से Automatically Table of Contents लगा सकते है अगर आप सीखना चाहते है तो हमारे साथ बने रहे 

 

दोस्तों Table of Contents एक table है जिसे आप अपनी ब्लॉग के किसी पोस्ट या page में setup कर सकते है . इसके लगने से आप के ब्लॉग के visitor आप के site पर जब पहुचंगे तो वो उस Table of Contents का use कर के किसी भी heading पर पहुंच कर उसकी जानकारी आसानी से ले पाएंगे ,

 

Table of Contents हर एक blogger use करते है , इसके इस्तेमाल से visitor को बहुत आसानी होती है . और वो आप के पोस्ट में क्या है , आप ने अपनी पोस्ट में क्या क्या बताया है ये Table of Contents देखने के बाद user को पता चल जाता है इस लिए आप को अपनी ब्लॉग पोस्ट या page पर इसका इस्तेमाल करना है 

URL क्या है ? और ये काम कैसे करता करता है ?

Table of Contents blog website के लिए क्यों जरुरी है ?

दोस्तों Table of Contents का इस्तेमाल करना बहुत जरुरी है अगर आप अपनी ब्लॉग पोस्ट या page पर Table of Contents का इस्तेमाल करते है तो आप का पोस्ट जल्दी google में rank करेगा , या आप ये भी समझ सकते है की Table of Contents use करना आप के ब्लॉग पोस्ट के seo के लिए जरुरी है , Table of Contents blog post का एक inportent part है जिसके इस्तेमाल से आप अपनी blog post को SEO friendly बना सकते है 

 

Table of Contents अपनी blogger पर कैसे लगाए ?

 

Add Table Of Content in Blogger – दोस्तों Table of Contents अगर आप blogger पर लगाना चाहते है तो आप को कुछ HTML coding का इस्तेमाल करना होगा तब ही आप अपनी blogger के site पर Table of Contents दिखा सकते हो , मैं आप को जो Code इस पोस्ट में provide करूँगा और मैं आपको जैसे जैसे बताऊंगा बस आप को वैसे ही करना और आप बहुत ही आसानी से अपनी blogger के blog में Table of Contents का use कर सकेंगे 

AdSense Policy Violations Error Type पूरी जानकारी हिंदी में

दोस्तों मैं आपको full guide करूँगा की कैसे आप Add Table Of Content in Blogger कर सकते है , इस complete process को करने के लिए आप को 5 steps को पार करना होगा तब आप अपनी blog पर Table Of Content successfully लगा सकोगे 

 

Step 1. आप को blogger के dashboard को login करना है , उसके बाद आप को theme पर click करना है , उसके बाद आप को अपनी theme Edit HTML में open करना है , उसके बाद आप को </head> को find करना है , और निचे दिए code को copy करना है और </head> के ऊपर उस code को paste कर देना है 

 

 

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

 

Blue Light से अपनी आँखों की सुरक्षा कैसे करे ? 2020

Step 2. Find ]]></b:skin> code in your Blogger blog and paste the below-given code just above

 

.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;}

 

 

Step 3. उसके बाद आप को इस code को Find करना है . <data:post.body/> आप के theme में जहा जहा पर ये code होगा तो simply आप इस code के जगह पर मैंने जो आप को निचे code दिया है उसे replace कर देना है 

 

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

Step 4. निचे दिए गए code को copy करे और आप ने blog पोस्ट को edit HTML में open करे और आप अपनी first heading के ऊपर paste करे 

 

 

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

</div>

 

Step 5. निचे दिए गए code को copy करे और आप ने ब्लॉग पोस्ट सब से last यानि post जहा पर end हो रहा है वह पर paste करे 

 

 

<script>mbtTOC();</script>
Blogger Custom robots.txt HTML Code
User-agent: Mediapartners-Google
Disallow:
User-agent:
Disallow: /search
Allow: /
Sitemap: www.techysharif.com/feeds/posts/default?orderby=updated

Deleted Photo Recover कैसे करें ? Photo Recovery App

 

तो दोस्तों मैं उम्मीद करता हु आप लोग समझ गए होंगे की आप अपनी blogger पर Table of Contents { Add Table Of Content in Blogger} कैसे लगाएंगे सिख लिया होगा , तो दोस्तों आज के ब्लॉग पोस्ट में बस इतना ही मिलते है अगले new ब्लॉग पोस्ट के साथ.

मेरा नाम शरीफ़ अहमद कादरी हे में एक Youtuber भी हूँ और ब्लॉगर भी हूँ ,इस वेबसाइट पे आपको Technology से जुडी हर तरह की जानकारी मिलती हे अगर आप ब्लॉग्गिंग सीखना चाहते हैं या youtube channel बनाकर पैसा कमाना चाहते हैं या Affilate Marketing करना चाहते हैं या technology से जुडी कोई भी जानकारी लेना या सीखना चाहते हैं तो इस वेबसाइट पर आपको वो सब कुछ सीखने को मिलेगा जो भी आप सीखना चाहते हैं!

Leave a Comment