How To Create a Table Of Sitemap For Blog Blogspot

okay friends to beautify the blog that we have considered very necessary addition of widgets one of which is a table of contents or site map, it will allow visitors to help mencvari what they need when opening a website or blog.

This time I will give you a script that can be directly used to create a sitemap in a table that you can put on your blog, for example see demo and screnshoot under

Preview 

If you are interested in creating a sitemap as in this example, follow the steps to create a table of contents following blog

The first step is to add the following css code in html edit blog, post right above ]]></ b:skin> or </ style> for ease of find use Ctrl+F

 #bp_toc {border:1px solid #f5f5f5;background:#ffffff;padding:5px;width:100%;
margin-top:10px;}
.toc-header-col1, .toc-header-col2, .toc-header-col3 {background:#edf1ec;color:#000000;padding-left:5px;width:250px;}
.toc-header-col2 {width:75px;}
.toc-header-col3 {width:125px;}
.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 {
font-size:90%;text-decoration:none;}
.toc-header-col1 a:hover, .toc-header-col2 a:hover, .toc-header-col3 a:hover {
font-size:90%;text-decoration:underline;}
.toc-entry-col1, .toc-entry-col2, .toc-entry-col3 {padding-left:5px;font-size:80%;}  

After that save your template, create a sitemap to bring up a new post or page with the title sitemap (We recommend using the page) enter the following script in the HTML not on the compose

 <div id="bp_toc">
Loading TOC. Please wait....</div>
<script src="https://aisuka-project.googlecode.com/svn/blogtoc_orig.js" type="text/javascript"></script> <script src="/feeds/posts/summary?alt=json-in-script&amp;max-results=9999&amp;callback=loadtoc" type="text/javascript"></script> 

Okay now you've finished the template, you can set it up pinned to the menu bar or any other place you like

Happy blogging ^_^