How to Create Blogger Html sitemap page or Add html sitemap on blogger

Hello my dearest friends, today i am going to demonstrate how to add together a HTML Sitemap inward blogger. From this
illustration today i am a Sitemap creator :P. Okay forthwith come upward to psyche point. I intend every blogger's convey an clear persuasion most sitemap. yeah, Sitemap is a most of import business office of SEO (Search Engine Optimization). When Google Bot comes on your page for Index, together with hence it discovery your sitemap. If you lot add together a sitemap page together with hence Google Bot easily discovery your all content together with content's page for indexing.

If your search on google for Site map Builder together with hence you lot volition establish millions of results. But those are non for you lot if you lot run a blogspot or blogger site. If your searching for automobile sitemap generator or automobile sitemap builder together with hence its are non hold out valuable for you. Cause you lot are running blogspot site. Now you lot convey make HTML Sitemap manually. That's why i am preset hither for this tutorial.

How to add together HTML sitemap page inward blogger?

Yes, it is an mutual fact. By this article you lot should easily brand a HTML Sitemap for your blogger site. This sitemap is for blogger. Now lets start,

Step 1: Create a novel page together with laissez passer on the championship "Sitemap"

Step 2: Click oh HTML tab together with re-create the below code together with by on your HTML Section

 <div dir="ltr" style="text-align: left;" trbidi="on"> <script src="https://ms-design.googlecode.com/svn/Sitemap.js" type="text/javascript"></script> <script src="http://nirsoftbd.blogspot.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc"></script> <div style="display: none;"> </div> <style type="text/css"> .post-archive { width: 100%; padding: 20px 0; text-transform: capitalize; } .post-archive h4 {background:#fff;border-bottom:1px corporation #fafafa;color:#444;font-size: 20px;margin: 0 0 10px 2px;padding: 0 0 10px;} .ct-columns-3 { -moz-column-count: 3; -moz-column-gap: 10px; -moz-column-rule: none; -webkit-column-count: 3; -webkit-column-gap: 10px; -webkit-column-rule: none; column-count: 3; column-gap: 10px; column-rule: none;} .ct-columns-3 p { padding: 5px 0px; -moz-column-break-inside: avoid; -webkit-column-break-inside: avoid; -o-column-break-inside: avoid; -ms-column-break-inside: avoid; column-break-inside: avoid; display: inline-block; width: 100%; } .ct-columns-3 p a {background:#fff;color:#444;display:block;border-bottom:3px corporation #f0f0f0; font-size: 14px; line-height: normal; outline:none;padding:10px 15px;transition:all .25s ease-in-out;} .ct-columns-3 p a:hover {background:#02a4e5;color:#fff;border-bottom:3px corporation #0392cb;} .ct-columns-3 p span{color:#fff!important;font-style:normal!important;font-weight:normal!important;} @media shroud together with (max-width: 768px){ .ct-columns-3 {-moz-column-count: 1; -moz-column-gap: 0px; -moz-column-rule: none; -webkit-column-count: 1; -webkit-column-gap: 0px; -webkit-column-rule: none; column-count: 1; column-gap: 0px; column-rule: none; } } </style></div>

Note: "nirsoftbd.blogspot.com" supersede it amongst your weblog url. Now Publish your page. That's it... If you lot intend this article is helpful together with hence don't forget to share. Cause your back upward is our future. Thanks.