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