Also Read
Table of Contents क्या हैं और इसे Blogger या Website पर इसे कैसे Use करते हैं ? आपको Table Of Contents के बारेमे पता होना चाहिए अगर आप Blogger है ये Blog Post में जितने भी आप Headings लिखते हैं उन Headings को एक टेबल में लिंक कर देता है और User पूरे Content को संक्षिप्त में देख पाता है और उसे जिस चीज की जरूरत होती है उस Headings पर क्लिक करके Direct वह उस Paragraph पर चला जाता है इसी को हम Table of Contents कहते हैं SEO के हिसाब से Table of Contents Add करना एक Blog में बहुत जरूरी होता है अगर आप Wikipedia की तरह Post में Long Content लिखते हैं तो आपको Blogger पर Table Of Contents को जरूर Add करना चाहिए इससे आपके Users को आपके Blog Post को Navigate करने में आसानी होगी और Table Of Contents आपकी Blog Post को एक Professional Look देगा.
Automatic Table of Content कैसे Create करते हैं Long Post की Starting में ही उस Post का Table Of Contents मिल जाये तो उससे हमे एक Idea लग जाता है की ये Post में हमारे लिए कौन कौन से Topics Cover हुए है और हम उसे Last तक देखना है या Topics की Help से हमे Direct उस Section में जाना है जब कोई User Google के Search Engine Suggest किये गए वेबसाइट में से किसी एक Web Post पर Visit करता है तब उसे Table Of Contents के माध्यम से पता चलता है की उस Post में क्या क्या Topics है अगर User के पास Time कम है तो वह Table Of Contents पर मौजूद अपने Topic पर क्लिक करके Direct उस जगह पर पहुँच सकता है Table Of Contents से Blog के Users को अच्छा experience मिलता है तो Google उस Blog या Website को High Rank कराती है इसलिए आपको इस बात का खास ध्यान रखना है. Table of Contents आपके Blog Post के सभी Headings और Sub Headings को एक systematic तरीके से Arrange कर के देता है या यू कहे की Table Of Contents Sitemap तो नहीं होता लेकिन उसमे कुछ Sitemap के जैसा ही होता है यह आपके Blog Post पर Visit करने वाले Visitors के लिए एक Map का काम करता है यह आपके Post के On Page SEO करने में बहुत help करता हैं.
अगर बात की जाए Table Of Contents की तो ये Headings और Subheadings का Combination है और हमारे Post में हमे जिस चीज की जरूरत होती है उस Headings पर क्लिक करके Direct वह उस Paragraph पर ले कर चला जाता है इसी को हम Table of Contents कहते हैं जब आप अपने Blog में टेबल आफ कंटेंट्स यूज करते हैं तो इससे आपके Blog के User को आपका Content Access करने में आसानी होती है और साथ ही साथ गूगल को भी समझने में आसानी होती है और वह आपके Content को सर्च रिजल्ट में अच्छे से दिखा पाता है सबसे पहले Blogger पर Login कर लो फिर Blogger Dashboard मैं जा कर Theme Option Select करके Edit HTML कर ना होगा आपको उसमे नीचे दिये गए Code Add करने होंगे आज इस Post मैं हम आपको बतायेंगे की Blogger पर Blog Posts में Table of Contents कैसे Add करे आप मेरे द्वारा बताए गए इन Steps को Follow करके आसानी से Table Of Contents को Add कर सकते हैं.
15 Minutes Candle Breakout Strategy
9:15 AM Market खुलेगा और 9:30 तक आपको First Candle Complete होने का Wait करना है First Candle का High और Low को Market जैसे ही Breck करे आपको Entry ले लेनी हैइस Strategy मै ज्यादातर Stoploss Candle का High और Low ही रेहता है
जब तक Marcket Trend में है तब तक Profit जितना मिल रहा हैं Trailing Stoploss के साथ Continue रखना चाहिए Read More>>
STEP I :
<head> Section को Search करो अब आपको नीचे दिया गया कोड <head> को सर्च करके उसके नीचे Past कर देना है Code <head> और </head> के अंदर ही आना चाहिए.
STEP II :
<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>
STEP III :
अब Next HTML Theme पर नीचे वाला Code Search करो इस Step में आपको Box में दिखाए गए ]]></b:skin> को Search करना है एक बार ]]></b:skin> Code मिलने के बाद, आपको नीचे दिए गए CSS Code को ]]></b:skin> के ठीक ऊपर Paste करना है
]]></b:skin> ये Code मिलने के बाद Just इस Code के ऊपर नीचे का Code Past करो | या इस Code को Direct CSS Script में भी Past कर सकते हैं |
.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 IV :
- Search <data:post.body/>
<data:post.body/> को Remove करके उसके जगह <div id="post-toc"><data:post.body/></div> को Paste कर दो इसे करने बाद आपका काम यहाँ Complete हो गया Theme को Save कर दो.
<div id="post-toc"><data:post.body/></div>
STEP V :
अब HTML Theme को Save कर दो Then Seconds Step Blog Post में या Blog Page जहा भी आपको Table Of Contents चाहिए वहा Edit HTML Select करो इन Codes को अपने Blog Post में अपने हिसाब से कही भी लगा सकते हैं कहीं भी
STEP VI :
इस नीचे दिए गए Code को Blog Post में या Page में Paste कर दो जहां ये Code Past किया हैं वहा Table of Contents Display हो जाएगा |
Step VII :
अब Last Step सबसे Last Step है Blogger पर Table Of Content Add करने का इस Step में आपको नीचे दिए गए Code को Blog Post में सबसे Last में Add करना है आपको HTML Page मै या Post के Last मैं <script>mbtTOC();</script> Code Past करना होगा |
Regular Used Script
ये वाला Code आप कहीं पर Save करके रख सकते हो आपके लिए हर Post में Table Of Contents Create कर ने के लिए ये Code Regular Use किया जाएगा ये Code दो Step में Complete हो जाएगा.
First Step Script -
ये Script Post के सबसे Last में Add किया जा सकता है |
ये Script Post के सबसे Last में Add किया जा सकता है |
ये Script Post में जहां Table Of Contents चाहिए वहीं Location पर Add करना चाहिए ये Step सबसे last Step है Blogger पर Table Of Contents Add करने का इस step में आपको नीचे दिए गए Code को blog Post में add करना है |
यहां पर आपका पूरा Task Complete हो जाता है इस Step को करने के बाद आपको अपना Blog Post Publish करना है इसके बाद आपको इसका Result या आपका Table Of Contents successfully add हो गया है| अब आपके Blog के Visitors आराम से अपने किसी भी Blog Post के उनके पसंदीदा Topics पर पहुँच सकते हैं
Design For Table of contents
Table Of Content Box में Font, Background Color, Headline आदि का Color और Designs भी हम Change कर सकते हैं आप अपने हिसाब से Table Of Contents का Customization बहुत ही आसानी से कर सकते हैं
आपको मैने जो ]]></b:skin> का Code Provide कराया है उसमे आपको कुछ Codes में Changing करनी होंगी| बस फिर आप जैसे चाहे वैसे अपने Table Of Contents का Look दे सकते हैं| Codes को change करने के लिए कृपया नीचे बताए गए Instructions Follow करे
Step I - Table Of Content box के Background Color को Change करने के लिए #FFFFE0 ये Color Changes करो
Step II - Border Color को Changes करने के लिये #EE5535 ये Color Changes करो
Step III - Anchor Link Color को Changes करने के लिए edit करें #0080ff ये Color Changes करो
Step IV - और आखिर में आप Table Of Contents के Headline Text के Font Color को Change करने के लिए Edit करें #707037
Website Of The Day
इस Video में Google Drive की Website कैसे Host करते हैं वो दिखाया गया है हम Google Drive से भी Website Host कर सकते हैं पूरी Details के लिए Full Video Watch करे.
यहां से आप Free Domain Buy कर सकते हैं
हिंदी Thought Of The Day
Blogger Script Of The Day
इस Script को Use करके आप Page Navigation Buttons Create कर सकते हो वो भी Easy Way में इस Widget को आपको Blogger के Layout Section में HTML Javascript में Add करना होगा |
आप इन Steps को फॉलो करके आप कभी भी अपनी ब्लॉग पर Custom HTML या Java Script add कर सकते हो
Step I -
Blog में HTML/JavaScript को Add करने के लिए First आप अपने Blog को Login करके Blog
के Dashboard से Layout पर Click करो
Step II -
अब जहा आपको html code को add करना है वहा के add a widget की link पर click करे
Step III -
अब एक new page open होगा जिसमें बहुत से widget होंगे। आपको html/ java script widget पर click करना है।
Step IV -
फिर एक नया Page खुलेगा, यहा पर आपको Blog में HTML JavaScript को Add करना होगा
Step V -
अब यहां Title पर widget का नाम लिखना है और HTML/ JavaScript के Code को Add करना है। और Last में Save की Button पर Click कर देना हैं
बस अब आपके Blog पर Widget Add हो गया है आप चाहे तो View Blog पर Click करके अपने Blog को देख सकते हो
<style type="text/css">#blog-pager{padding:5px 0 !important;}.showpageArea {font-weight: bold;margin:5px;}/* https://jinhemant.blogspot.com/ */.showpageArea a {text-decoration:underline;color: #fff;}/* https://jinhemant.blogspot.com/ */.showpageNum a, .showpage a {color: #fff;text-decoration:none;border:1px solid #999;-webkit-border-radius:3px;-moz-border-radius:3px;margin:0 3px;padding:3px 5px; background: #9dd53a; background: -moz-linear-gradientundefinedtop, #9dd53a 0%, #a1d54f 50%, #80c217 51%, #7cbc0a 100%); background: -webkit-gradientundefinedlinear, left top, left bottom, color-stopundefined0%,#9dd53a), color-stopundefined50%,#a1d54f), color-stopundefined51%,#80c217), color-stopundefined100%,#7cbc0a)); filter: progid:DXImageTransform.Microsoft.gradientundefined startColorstr='#9dd53a', endColorstr='#7cbc0a',GradientType=0 ); }/* https://jinhemant.blogspot.com/ */.showpageNum a:hover, .showpage a:hover {border: 1px solid #ccc; background: #6db3f2; background: -moz-linear-gradientundefinedtop, #6db3f2 0%, #54a3ee 50%, #3690f0 51%, #1e69de 100%); background: -webkit-gradientundefinedlinear, left top, left bottom, color-stopundefined0%,#6db3f2), color-stopundefined50%,#54a3ee), color-stopundefined51%,#3690f0), color-stopundefined100%,#1e69de)); filter: progid:DXImageTransform.Microsoft.gradientundefined startColorstr='#6db3f2', endColorstr='#1e69de',GradientType=0 ); } /* https://jinhemant.blogspot.com/ */.showpagePoint {color: #aaaaaa;text-decoration:none;border:1px solid #999;-webkit-border-radius:3px;-moz-border-radius:3px; margin:0 3px;padding:3px 5px; background: #e2e2e2; background: -moz-linear-gradientundefinedtop, #e2e2e2 0%, #dbdbdb 50%, #d1d1d1 51%, #fefefe 100%); background: -webkit-gradientundefinedlinear, left top, left bottom, color-stopundefined0%,#e2e2e2), color-stopundefined50%,#dbdbdb), color-stopundefined51%,#d1d1d1), color-stopundefined100%,#fefefe)); filter: progid:DXImageTransform.Microsoft.gradientundefined startColorstr='#e2e2e2', endColorstr='#fefefe',GradientType=0 ); }/* https://jinhemant.blogspot.com/ */.showpageOf {text-decoration:none;padding:3px;margin: 0 3px 0 0;}/* https://jinhemant.blogspot.com/ */.showpageNum a:link,.showpage a:link {text-decoration:none;color:#fff;}/* https://jinhemant.blogspot.com/ */</style><a href="https://jinhemant.blogspot.com/" target="_blank" title="Blogger Tips and Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tips and Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://theblogger911.blogspot.com/" target="_blank" title="Latest Tips And Tricks"><img src="https://bitly.com/24workpng1" alt="Latest Tips And Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://theblogger911.blogspot.com/" target="_blank" title="Blogger Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tricks" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><script type='text/javascript'>var home_page="/";var urlactivepage=location.href;var postperpage=5;var numshowpage=3;var upPageWord ='Previous';var downPageWord ='Next';</script><script src='https://dl.dropboxusercontent.com/s/icju1ieawjolg4n/theblogger911.navi.js' type='text/javascript'></script>
