How to Create a Cool Sitemaps on Blogger


Create a Cool Sitemaps on Blogger - Sitemaps are a page that informs all the content on a blog. With the sitemap, search engines like Google, Bing, Yahoo, and others will easy to crawl our pages.

One SEO technique is submitting Sitemaps to webmasters, Our domain will be quickly indexed by search engines or Bot. Usually, the sitemaps submitted to webmasters are XML extensions. The sitemaps will make easy all visitors to browse or find out all the interesting articles on our site. It can be said our site is user-friendly. As for other things:

1. Fast Indexed
If you don't use the sitemap, Bots will take a long time to crawl your site, because it will explore your site per page. If your site has dozens of articles and even hundreds of articles, it will make the crawl speed slow. Therefore, we need to use the sitemap.

2. Interact better with search engines
Sitemaps can also help a website interact well with search engines. The search engine will quickly find out if there are posts that have just been published and then determine the average crawl on our site.

How to Create a cool sitemap on the blog

To make a sitemap on a blog very easy, you can follow the steps below:

1. Open your "Dashboard "

2. Open the "Page "
3. Click "Create New Page"
4. Click "HTML " next to the "Compose Menu "
5. Copy and paste the script below and publish it.
<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="jontor">
<script src="https://rawgit.com/mastamvan/backup/master/sitemap.js"></script>
<script src="/feeds/posts/default?max-results=5000&amp;alt=json-in-script&amp;callback=mas_tamvan_Load"></script>
</div>
<style type="text/css">.jontor{width:100%;border-collapse:collapse;text-align:left;overflow:hidden;margin:0 auto;}
.jontor a{color:black;}
.jontor p .mas_tamvan_Label{background:#4ECDC4;display:block;padding:12px;}
.jontor ol li{position:relative;display:block;padding:.4em .4em .4em .8em;margin:.5em 0 .5em 2.5em;background:#d9f4f2;color:#666;text-decoration:none;transition:all .3s ease-out;}
user agent stylesheetli{display:list-item;text-align:-webkit-match-parent;}
.jontor ol li:before{content:counter(li);counter-increment:li;position:absolute;left:-2.5em;top:50%;margin-top:-1em;background:#0fa9cd;color:#fff;height:2em;width:2em;line-height:2em;text-align:center;font-weight:bold;}
.jontor ol li:hover:after{left:-.5em;border-left-color:#0fa9cd;}
.jontorol li:hover{box-shadow:0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.24);transition:all 0.3s cubic-bezier(.25,.8,.25,1);}
.jontor ol li:after{position:absolute;content:'';border:.5em solid transparent;left:-1em;top:50%;margin-top:-.5em;transition:all .3s ease-out;}
ol{counter-reset:li;list-style:none;font:15px 'Arial';padding:0;margin-bottom:4em;text-shadow:0 1px 0 rgba(255,255,255,.5);margin-left:26px;}
.mas_tamvan_Postname li:nth-of-type(odd){background:#f1f3f3;}
.new{color:red!important;font-weight:700;font-style:italic;}
user agent stylesheetol{display:block;list-style-type:decimal;-webkit-margin-before:1em;-webkit-margin-after:1em;-webkit-margin-start:0;-webkit-margin-end:0;-webkit-padding-start:40px;}
</style>
</div>

if you have saved the script above, the resulting sitemaps will be like this:

I think enough, I hope this article can help netizens who wanna make a sitemaps on Blogger. If this article is useful, you can share this article with your friends or social media. Good Luck!

DONATION All donations are open, you can donate to us using Paypal, Bitcoin, Litcoin or Ethereum. Your donation will be used to extend and keep this domain alive. Thank you!
Newer Posts Newer Posts Older Posts Older Posts

Related Posts

Comments

Post a Comment