Step 1: Login your Blogger Site and select your blog
Step 2: Then Go to Pages and click on New page
Step 3: Click on HTML tab and delete all of code then paste following code inside the empty box.
javascript:filterPosts('"+a.category[f].term+"');\" title=\"Click here to select all posts with label '"+a.category[f].term+"'\">"+a.category[f].term+", ";a=h.lastIndexOf(",");-1!=a&&(h=h.substring(0, a))}postTitle.push(e);postDate.push(k);postUrl.push(l);postSum.push(g);postLabels.push(h)}}totalEntires==totalPosts&&(tocLoaded=!0,showToc());sortPosts(sortBy);tocLoaded=!0}function filterPosts(c){postFilter=c;displayToc(postFilter)}function allPosts(){postFilter="";displayToc(postFilter)} function sortPosts(c){function d(a,b){var c=postTitle[a];postTitle[a]=postTitle[b];postTitle[b]=c;c=postDate[a];postDate[a]=postDate[b];postDate[b]=c;c=postUrl[a];postUrl[a]=postUrl[b];postUrl[b]=c;c=postSum[a];postSum[a]=postSum[b];postSum[b]=c;c=postLabels[a];postLabels[a]=postLabels[b];postLabels[b]=c}for(var b=0;bStep 2: Then Go to Pages and click on New page
Step 3: Click on HTML tab and delete all of code then paste following code inside the empty box.
<style type="text/css">
#bp_toc {
background: #FFFFFF;
border: 0 solid #000000;
margin-top: 10px;
padding: 10px 0;
width: 100%;
}
h3.bp_toc_title {
font-size: 28px;
line-height: 30px;
padding-top: 40px;
margin: 0 0 20px;
}
#bp_tocm {
margin-right: 30px;
}
#bp_toc a {
text-decoration: none !important;
}
#bp_toc a:hover {
text-decoration: underline !important;
}
.toc-header-col1, .toc-header-col2, .toc-header-col3 {
background: #4e4949;
border-bottom: 5px solid #dfdfdf;
padding: 10px;
width: 50%;
}
.toc-entry-col2 {
border-left: 2px solid #FFFFFF;
border-right: 2px solid #FFFFFF;
}
.toc-header-col2 {
border-left: 2px solid #FFFFFF;
border-right: 2px solid #FFFFFF;
width: 15%;
}
.toc-header-col3 {
width: 35%;
}
.toc-header-col1 a:link, .toc-header-col1 a:visited, .toc-header-col2 a:link, .toc-header-col2 a:visited, .toc-header-col3 a:link, .toc-header-col3 a:visited {
color: #EBEBEB;
font-size: 14px;
font-style: normal;
font-weight: bold;
line-height: 1.4em;
text-decoration: none;
border-collapse: separate;
}
.toc-header-col1 a:hover, .toc-header-col2 a:hover, .toc-header-col3 a:hover {
text-decoration: underline;
}
.toc-entry-col1, .toc-entry-col2, .toc-entry-col3 {
background: #F8F8F8;
border-bottom: 2px solid #FFFFFF;
padding: 10px;
}
.toc-entry-col2 {
border-left: 2px solid #FFFFFF;
border-right: 2px solid #FFFFFF;
}
.toc-entry-col1 a, .toc-entry-col2 a, .toc-entry-col3 a {
color: #45818E;
font-family: 'Verdana',Arial,sans-serif;
font-size: 12px;
}
.toc-note {
background-color: #4e4949;
color: #EBEBEB;
display: inline-block;
font-size: 14px;
padding: 10px;
text-align: center;
font-weight: 600;
text-transform: uppercase;
border-bottom: 1px solid #dfdfdf;
}
</style>
<div id='bp_tocm'>
<div id='bp_toc'>
<script type='text/javascript'>
//<![CDATA[
var postTitle=[],postUrl=[],postDate=[],postSum=[],postLabels=[],sortBy="datenewest",tocLoaded=!1,numChars=250,postFilter="",tocdiv=document.getElementById("bp_toc"),totalEntires=0,totalPosts=0; function loadtoc(c){if("entry"in c.feed){var d=c.feed.entry.length;totalEntires+=d;totalPosts=c.feed.openSearch$totalResults.$t;if(totalPosts>totalEntires){var b=document.createElement("script");b.type="text/javascript";startindex=totalEntires+1;b.setAttribute("src","/feeds/posts/summary?start-index="+startindex+"&max-results=500&alt=json-in-script&callback=loadtoc");tocdiv.appendChild(b)}for(b=0;b\S [^>]*>/g,"");if(g.length>numChars)var g=g.substring(0,numChars),h=g.lastIndexOf(" "),g=g.substring(0,h)+"...";h="";if("category"in a){for(f=0;f\"
Displaying all '+postTitle.length+" posts
":'Displaying '+d+" posts labeled '"+(postFilter+"' of "+postTitle.length+" posts total
");tocdiv.innerHTML= c+b}function toggleTitleSort(){sortBy="titleasc"==sortBy?"titledesc":"titleasc";sortPosts(sortBy);displayToc(postFilter)}function toggleDateSort(){sortBy="datenewest"==sortBy?"dateoldest":"datenewest";sortPosts(sortBy);displayToc(postFilter)}function showToc(){tocLoaded?(displayToc(postFilter),document.getElementById("toclink")):alert("Just wait... TOC is loading")} function hideToc(){document.getElementById("toc").innerHTML="";document.getElementById("toclink").innerHTML='\'toc-result\',\'blind\');">\u00bb Show Table of Contents />'}; //]]></script><script src='/feeds/posts/summary?alt=json-in-script&max-results=500&callback=loadtoc' type='text/javascript'></script></div></div>Step 4: Don't click on Compose Besides code will not work.Step 5: Click on Options from right side and tick on Don't allow from Readers comments.
Step 6: And now click on Publish.
That's it and enjoy. Add comment below..!
0 comments:
Post a Comment