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)
आशा करता हु ब्लॉग पोस्ट पसंद आया होगा । कमेन्ट करके जरूर बताए ।
This is working. keep it up.
जवाब देंहटाएंThis is easy way.
जवाब देंहटाएंhow to make table of contents in blogger