Create a Post Sitemap Page For Your Blog Better Seo

Today I'll share with you, How to create a all post sitemap page for your blog better SEO and make it SEO friendly. Here you can see your all blogger post with per label. See the below screen shot here is my blog post sitemap page.

Sitemap

Create Sitemap Page For blogger Blog

• First go to your blogger dashboard>Pages>New Page>Select Blank Page> Now Give a Page Title Sitemap>Change Your Page Type To HTML>Now Copy Below Code and Paste It To Your Page>Now go to Option and select Don't allow.
• Done!!! Now Publish It and open your blog to see the changes.

Sitemap

•  Copy Below Code and Paste It to Your Sitemap Page

 <script src="https://dl.dropboxusercontent.com/u/36169749/scripts/widgets/btnt-sitemap.js" type='text/javascript'></script>
<script src="http://YOUR Blogurl.blogspot.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc"></script>
<style type="text/css">
.post-archive { width: 100%; padding: 20px 0; text-transform: capitalize; }
.post-archive h4 { border-bottom: 2px solid #EEEEEE; color: #333333; 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: #fafafa; color: #333; display: block; border: 1px solid #FFFFFF; font-size: 14px; line-height: normal; outline: 1px solid #EEEEEE; padding: 10px 15px; -webkit-transition:all .25s ease-in-out; -moz-transition:all .25s ease-in-out; -o-transition:all .25s ease-in-out; transition:all .25s ease-in-out; }
.ct-columns-3 p a:hover { background: #555; color: #fff; }
@media screen and (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>

•  YOUR Blogurl  Change it to your own Blog URL.

If you fetch any problem please leave a comment. Have a good time keep visiting.