How to Create an Automatic Sitemap on Blogger Static Pages

How to Create an Automatic Sitemap on Blogger Static Pages - A Sitemap or Sitemap is an important part of a blog. The reason is, it will make it easier for search engines to index your blog.

Besides that, it can also make it easier for visitors to find what articles they are looking for on your blog.

Well, in this article I will give a tutorial on how to make it written in an article titled  How to Make an Automatic Sitemap on Blogger Static Pages

How to Make a Responsive Sitemap on Blogger

1. Sign in to Blogger you

2. Select Page -> New Page

3. Enter HTML mode instead of Compose !

4. Then enter the script code below.

<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.jsdelivr.net/gh/penaindigo/Pena-Indigo-Code@a134f9def601a6f77332eccc35d3d20e0d3c7e49/sitemappenaindigo.js" type="text/javascript"></script>
<script src="/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc">
</script></div>

5. Done

So many articles on  How to Create an Automatic Sitemap on Blogger Static Pages. Good luck.

Comments

Post a Comment

Popular posts from this blog

Tens of Telegram Groups Updated and How to Join Job Vacancies Via Telegram

How to Make Color Picker Tools on Blogger Static Pages