5 Step How to make a blog sitemap easily | Bloggers only
1. Open your blog and specify a page.
2. Then create a new page, remember here create a new page instead of create a new post
3. Open the html appearance with a click of the pencil symbol that is under the title.
4. Write the javascrip code below and attach it to
<style type="text/css">
#toc{width:99%;margin:5px auto;border:1px solid #df772d;
-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: #08484f;
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>
<br />
<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&alt=json-in-script&callback=loadtoc">
</script></div>
5. Put it down and watch the results.
Easy is not a step to create a sitemap on blogger. But the sitemap you create cannot appear on your blog. Because there is a next way to display the sitemap on the blog.
How to Display Sitemap on Blog :
1. Please go to the blogger dashboard and then select Theme >> Edit HTML.
2. Then hover over the HTML and click anywhere, and then press CTRL F at the same time. Then out the column looking for words,
3. if you have created a page About us, privacy policy, about, sitemap and others, just type in the column like a sitemap like this code <li><a href='#'>Sitemap</a></li>
4. if you have met you just replace the '#' fence mark with the url of the sitemap that you have made earlier.
5. Next you save and see the results
Maybe that's the end of the article how to create this sitemap and share your friends if this article is useful.
Post a Comment for "5 Step How to make a blog sitemap easily | Bloggers only"