How to make blogger site map

Today iam going to telling about one amazing blogger trick how to make blogger site map 

What is Sitemap ?

Have you concentrate on the word sitemap or have you ever think about that word sitemap? The words is already telling that I'm the map of any site or blog. Didn't get it ? let me explain. It is the map of your blog/site which contains every post or page of your blog. It is used for better navigation and also for submitting it to search engines to get indexed your whole blog in search engines.

Creat site map

I will teach you how to make site map like this one and also teach you how to submit it on google webmaster

Steps

• Go To Blogger >> Dashboard >> Pages 
• Create New Page >> Blank Page
• Insert Page Title of Yours Choice.
• Go To HTML Tab
                                
• Copy The Code Below and Paste There in The HTML Tab.
  
  <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:-moz-linear-gradient(right,#C2EAFE 0%,#055A85 40%);
  background:-webkit-gradient(linear,left 10,right 80,color-stop(0.20,#055A85),color-stop(1,#C2EAFE));
  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{t
  ext-transform:uppercase;
  }
  .new{
  color:#FF5F00;
  font-weight:bold;
  font-style:italic;
  }
  .postname{
  font-weight:normal;
  background:-moz-linear-gradient(right,#C2EAFE 0%,#fff 40%);
  background:-webkit-gradient(linear,left 80,right 10,color-stop(0.60,#fff),color-stop(1,#C2EAFE));
  }
  .postname li{
  border-bottom: #ddd 1px dotted;
  margin-right:5px
  }
  
  </style>
  
  
  <div id="toc">
  <script src="https://googledrive.com/host/0ByNodV_m9cVLR0pmWFgwZ1NmdW8/" type="text/javascript"></script>
  <script src="http://www.ittrickscolection.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc">
  </script></div>
• Replace ittrickscollection With Your Blog Domain.
• Click "Publish" Button.
  We done..