How to Add a sitemap page in blogger.

Hello friends, Today we discuss about Sitemap and telling about how  to create Sitemap in blogger .Sitemap is very important for bloggers who wants to get adsense,because adsense required sitemap . Sitemap help you to make the navigation easier .It improves internal linking because in that page , you will see all the published post on the blog.Sitemap also helps search engine's crawlers to index  the content and webpage easier .Sitemap also improves page rank of our blog due to make internal linking of our blog.
                                         

                 WORKING OF SITEMAP PAGE

Now, I explain you about its appearance in your blog .This is neat and clean sitemap page which is well coded for bloggers. It's color is only blue which you see in demo page. This is a automatic sitemap page which is automatically  adds  the latest post in itself  without touching it so .It is better for us that we don't need  to touch it just after implementing in in blog ,it will do all the task itself .In this sitemap page, you can see that post are categorized  by labels which is better for readers that they can find  the things in that page easily.This sitemap page is made with JavaScript and CSS by Abu farhan.

            HOW  TO  CREATE SITEMAP PAGE IN BLOGGER

Creating sitemap page in blogger is easy .I give some instruction below to creating a sitemap in blogger.You follow these steps and your sitemap page easily build.

Go To Blogger Dashboard >>Pages>> Create A New Page>> blank page

Insert The Title of the Page (Recommended "Sitemap" )
 Copy below code .

 <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{text-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.YOURBLOGDOMAIN.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc"></script></div>

Go To HTML Tab and Paste The Code and Replace "YOURBLOGDOMAIN" With Your Blog Domain.
 and then "Compose".
 Click "Publish" Button.
   Now Your Sitemap is Ready.

       Final Words

     I Hope This Tricks is Like all the Visitors and Share this Tricks to your Friends in Social Networking Site. Don't Forget to like webingauthor in Facebook .We Come Back with a New Widget Soon.