Tutorial How to Create a Cool SEO Sitemap on Blogspot


Cool SEO Sitemap and Responsive Fast Loading

sitemap www.health-life.me

Sitemap or table of contents of the blog deemed very important to provide space information to visitors to know the entire contents of the article on the blog. This time I will give a tutorial how to create a cool sitemap automatic and fast loading on blog. Actually the default sitemap of blogger is available, but looks ordinary and uninteresting. Well, by creating a cool blog sitemap it will be a special attention in the eyes of visitors and this will make visitors feel at home on the blog that we manage.

The most interesting of these SEO sitemaps is to display an automated sitemap according to the label, so it displays the post title according to the existing label. the latest posts will be automatically entered in the list, so you do not need ribet enter one by one. Installing a sitemap in the blogger blog also does not require skills to master html, because you live Copas and install it on a static page.

Here's a sitemap script from Health Life Edu to create a cool sitemap on blogspot. Copy and paste the sitemap script below and install it on your blog page. If you install correctly then the sitemap will appear like the display image in the title of this article, just go


Cool Responsive Sitemap Version Health life Edu
<style type="text/css">
#toc{width:99%;margin:5px auto;border:1px solid #2D96DF;
-webkit-box-shadow:4px 4px 8px 2px rgba(0,0,0, 0.2);
-moz-box-shadow:4px 4px 8px 2px rgba(0,0,0, 0.2);
box-shadow:4px 4px 8px 2px rgba(0,0,0, 0.2);}
.labl{color:#FF5F00;font-weight:bold;margin:0 -5px;
padding:1px 0 2px 11px;background: #3498DB;
border:1px solid #2D96DF;
border-radius:4px;-moz-border-radius:4px;
-webkit-border-radius:4px;box-shadow:3px 3px 1px #bbb;
-moz-box-shadow:3px 3px 1px #bbb;-webkit-box-shadow:3px 3px 1px #bbb;display:block;}
.labl a{color:#fff;}
.labl:first-letter{text-transform:uppercase;}
.new{color:#FF5F00;font-weight:bold;font-style:italic;}
.postname{font-weight:normal;background:#fff;margin-left: 35px;}
.postname li{border-bottom: #ddd 1px dotted;margin-right:5px}
</style>
<div id="toc">
<script src="https://cdn.rawgit.com/penaindigo/Pena-Indigo-Code/a134f9de/sitemappenaindigo.js" type="text/javascript"></script>
<script src="http://www.healt-life.me/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc">
</script></div>

Information:

Please change the URL http://www.health-life.me with your blog URL.


How to Install a Cool Sitemap on Blog

First, Please login your blogger account, then select "Page" then click "New Page" button see the following picture:





Second, Fill page title with "Sitemap" or "Table of Contents", Select "HTML" Mode

Third, Put your preferred sitemap HTML code, last click "Publish". Look at the picture below.


Fourth, Finish and see the results.

Latest Update April 15, 2018: The above sitemap I updated with the latest file, to minimize the occurrence of errors or sitemap not appear.

Now sitemap on your blog is cool and interesting and certainly very SEO friend, do not forget to change URL http://www.health-life.me/ with your blog URL. So much share info How to Create a cool Sitemap in Blog may be useful.

Subscribe to the latest article updates via email:

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel