I Make a Sitemap (Table of Contents Blog) Cool Style Table Fast Loading

My Blogs Ideas on

Tuesday, October 6, 2015

How to Easily Create Sitemap (Table of Contents Blog) Blog Cool Style Table Fast Loading.

MANY versions of appearance (design) a list of the contents of the blog. One of the CB pairs in the Sitemap. How to make it easy, stay for a static page, then just copy and paste the code. Without making any changes.

Sitemap cool models of this table. There are three columns, containing the post title, date of publication, and labe / category. For example, yes ... in this blog Sitemap. This picture:

Code blog sitemap is also safe from inserts links. Please check the code, there is no external links. Differences with a lot of code lists the contents of other blogs that are often injected by the links that make or distribute.

How to Create a Sitemap (Table of Contents Blog) Style Table
1. Page> New Page
2. Fill in the page title with "Sitemap" or "Table of Contents"
3. Click the HTML mode

4. Copy and paste the following code:

<div id="bp_toc">Loading TOC. Please wait....</div>
<script src="http://bloggergadgets.googlecode.com/files/blogtoc_orig.js" type="text/javascript"></script>
<script src="/feeds/posts/summary?alt=json-in-script&max-results=500&callback=loadtoc" type="text/javascript"></script>

<style>
#bp_toc {
  border: 0px solid #000000;
  background: #ffffff;
  padding: 5px;
  width:500px;
  margin-top:10px;
}
.toc-header-col1, .toc-header-col2, .toc-header-col3 {
  background: #fafafc;
  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:80%;
  text-decoration:none;
}
.toc-header-col1 a:hover, .toc-header-col2 a:hover, .toc-header-col3 a:hover {
  font-size:80%;
  text-decoration:underline;
}

.toc-entry-col1, .toc-entry-col2, .toc-entry-col3 {
  padding-left: 5px;
  font-size:70%;
}
</style>

5. Save

List the contents of the blog (sitemap) serves as a navigation menu, internal links, also "documentation content" blog.

Table of Contents Table Style Blogs Cool Fast Loading above are also useful for visitors who want to explore the writing or the info on our blog. Good luck!

Labels: Featured, SEO Tips

Thanks for reading I Make a Sitemap (Table of Contents Blog) Cool Style Table Fast Loading. Please share...!