ब्लगमा टेवल अफ कन्टेन्ट राख्नने तरिका

code pase Before </head>

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

//*************Table of Content (TOC) plugin by techonly99.xyz

function avsTOC() {var avsTOC=i=headlength=gethead=0;

headlength = document.getElementById("post-toc").getElementsByTagName("h3").length;for (i = 0; i < headlength; i++)

{gethead = document.getElementById("post-toc").getElementsByTagName("h3")[i].textContent;document.getElementById("post-toc").getElementsByTagName("h3")[i].setAttribute("id", "point"+i);avsTOC = "<li><a href='#point"+i+"'>"+gethead+"</a></li>";document.getElementById("avsTOC").innerHTML += avsTOC;}}function avsToggle() {var avs = document.getElementById('avsTOC');if (avs .style.display === 'none') {avs .style.display = 'block';} else {avs .style.display = 'none';}}

//]]>

</script>

  

code pase Before ]]></b:skin>

.avsTOC{border:1px solid #999999; box-shadow:0px 0px 0 #EDE396; background-color:#f3f3f3; color:#707037; line-height:1.4em; margin:30px auto; padding:20px 30px 20px 10px; font-family:oswald, arial;display: block; width: 70%;} .avsTOC ol,.avsTOC ul {margin:0;padding:0;} .avsTOC ul {list-style:none;} .avsTOC ol li,.avsTOC ul li {padding:15px 0 0; margin:0 0 0 30px;font-size:15px;} .avsTOC a{color:#6fa8dc;text-decoration:none;} .avsTOC a:hover{text-decoration:underline; } .avsTOC 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;} .avsTOC button:after{content: "\f0dc"; font-family:FontAwesome; position:relative; left:10px; font-size:20px;}

 

अब आपको <data:post.body/> ढूंढना (Find) हैं, और नीचे दिया गया Html Code <data:post.body/> के साथ Replace कर देना हैं.

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

8- Step: Add Code in Post/Article

अब आपको अपने सभी Post/Articles में जिस भी जगह पर Table of Contents Add करना चाहते हैं. 

नीचे दिया गया Html Code उसी जगह पर Paste करना हैं.

<div class="avsTOC"> <button onclick="avsToggle()">Contents</button> <ol id="avsTOC"></ol> </div>

 

अब ये आखरी Html Code आपको अपने सभी Post/Article के Last (End) में Past करना पड़ेगा.

<script>avsTOC();</script></div>