How to Add Sitemap Widget In Blogspot Blogs 2019

How To Add Sitemap Widget Style in Blogspot Blog
Hello Guys, in this tutorial I want to show you how to add sitemap into the Blogspot blog. The sitemap is very important, so all Blogger writer should add it into your web blog. The sitemap can help all readers to find every information in your post so quickly.

Let’s Start Step-1 
The First thing you need to do is to login into your Blogger account and go to >> Templates >> Edit HTML and search for the ending ]]></b:skin> tag and just above it paste the following code.

       <br /> <textarea rows="5" cols="40" onClick=select() readonly>/* ######## Navigation Menu Css by sorabloggingtips.com ######################### */<br /> .mapasite {<br /> margin-bottom: 10px;<br /> background-color: #F8F8F8<br /> }<br /> .mapasite.active .mapa {<br /> display: block<br /> }<br /> .mapasite .mapa {<br /> display: none<br /> }<br /> .mapasite h2 {<br /> background-color: #EEE;<br /> color: #000;<br /> font-size: 15px;<br /> padding: 10px 20px;<br /> border-radius: 2px;<br /> margin-bottom: 0;<br /> cursor: pointer;<br /> font-weight: 700<br /> }<br /> .mapasite h2 .botao {<br /> font-size: 18px;<br /> line-height: 1.2em<br /> }<br /> .botao .fa-minus-circle {<br /> color: #f30<br /> }<br /> .mapapost {<br /> overflow: hidden;<br /> margin-bottom: 20px;<br /> height: 70px;<br /> background-color: #FFF<br /> }<br /> .mapa {<br /> padding: 40px<br /> }<br /> .map-thumb {<br /> background-color: #F0F0F0;<br /> padding: 10px;<br /> display: block;<br /> width: 65px;<br /> height: 50px;<br /> float: left<br /> }<br /> .map-img {<br /> width: 65px;<br /> height: 50px;<br /> overflow: hidden;<br /> border-radius: 2px<br /> }<br /> .map-thumb a {<br /> width: 100%;<br /> height: 100%;<br /> display: block;<br /> transition: all .3s ease-out!important;<br /> -webkit-transition: all .3s ease-out!important;<br /> -moz-transition: all .3s ease-out!important;<br /> -o-transition: all .3s ease-out!important<br /> }<br /> .map-thumb a:hover {<br /> -webkit-transform: scale(1.1) rotate(-1.5deg)!important;<br /> -moz-transform: scale(1.1) rotate(-1.5deg)!important;<br /> transform: scale(1.1) rotate(-1.5deg)!important;<br /> transition: all .3s ease-out!important;<br /> -webkit-transition: all .3s ease-out!important;<br /> -moz-transition: all .3s ease-out!important;<br /> -o-transition: all .3s ease-out!important<br /> }<br /> .mapapost .wrp-titulo {<br /> padding-top: 10px;<br /> font-weight: 700;<br /> font-size: 14px;<br /> line-height: 1.3em;<br /> padding-left: 25px;<br /> padding-right: 10px;<br /> display: block;<br /> overflow: hidden;<br /> margin-bottom: 5px<br /> }<br /> .mapapost .wrp-titulo a {</p> <p>}<br /> .mapapost .wrp-titulo a:hover {<br /> color: #f30;<br /> text-decoration: underline<br /> }<br /> .map-meta {<br /> display: block;<br /> float: left;<br /> overflow: hidden;<br /> padding-left: 25px;<br /> }<br /> .mapasite h2 .botao {<br /> float: right<br /> }