how to add table of contents in blogger post hindi

how to add table of contents in blogger post Hindi.

आज की इस पोस्ट मै आपको बताऊँगा Blogger मे Table Of Contents Create कैसे करते है । इस पोस्ट को पढ़ने के बाद कुछ मिनटों मे Blogger मे Table ऑफ Contenets Add Kar सकते है,

Add caption

Table Of Contents क्या है। 

दोस्तों जब हम कोई किताब पढ़ते है । तो उस किताब के पहले पन्ने पर लिखा रहता है इस किताब के अंदर हमे कौन -कौन सा टॉपिक पढ़ने को मिलेगा । उसी लिखवाट को Table Of Contents कहते है । 

Blogger मे Table  Of  Contents कैसे Add करे।  

Table Of Content अपने blogger मे add करने के लिए आपको सबसे पहले ब्लॉगर dashboard मे आना है । 

उसके बाद Themes ऑप्शन पे क्लिक करना होगा । उसके बाद Edit करना होगा । Edit Button Press करने के बाद क्लोज़ </head > find karna Hoga Blogger Html कोड मे ।  

FInd करने के लिए Ctrl +f  Press करे । </head> सर्च करे 

सर्च करने के बाद क्लोज़ हेड टैग के उपेर दिए हुए कोड Copy - 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>  

 ऊसके बाद ये सर्च करे 

 ]]></b:skin>  

सर्च करने के बाद नीचे दिये हुए कोड को सर्च किए हुए कोड के ऊपर Paste kar दे । 

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

उसके बाद यह सर्च करना है । <data:post.body/>   

आपके html कोड के अंदर जितना बार यह कोड होगा उसको इस <data:post.body/> कोड से replace कर देना है । 

कोड को रिप्लेस करने के बाद थीम को सेव कर देना है । 

अब आपके पास जीतने भी ब्लॉग पोस्ट है । और जिस पोस्ट मे आपको टेबल ऑफ Contents Show करना है । नीचे दिए हुए कोड को 1-1 करके ब्लॉगपोस्ट के अंदर कोड paste करना है । 

Code को पेस्ट करने के लिए आपको  ब्लॉग पोस्ट edit करना होगा उसके बाद html view मे Blogpost के सबसे नीचे कोड Paste करना होगा  

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

 <script>mbtTOC();</script>  

Finally आप Blogger मे Table of Contents ऐड कर लिए । 

Table ऑफ Contents का Colour चेंज karne के लिए colours कोड चेंज करना पड़ेगा । 

अधिक जानकारी के लिए youtube pe search kare (Blogger Table of  contents - Brief Blogging)  

आशा करता हु ब्लॉग पोस्ट पसंद आया होगा । कमेन्ट करके जरूर बताए ।