While surfing TricksDroid you may have seen sitemap page in which you get all the posts published on this blog with different labels. I am going to share this post so that you also can make the same sitemap page for your own blogger so that you can get more visitors by getting all bunch of links on a same place.
Before you proceed further I think you should know what actually sitemap is?
Sitemap is nothing but a bunch of links of the posts you make on your blog.On the sitemap page, you will get labelwise links of your post.To get exact idea you may check TricksDroid sitemap here.
1. Go To Blogger >> Dashboard >> Pages
2. Create New Page >> Blank Page
3. Insert Page Title of Yours Choice
4. Go To HTML Tab.
5. Copy The Code Below and Paste There in The HTML Tab.
6. Just remove TricksDroid and enter your own domain name and click publish. That's it you have successfully created a sitemap page for your blog.
Image Source:Google Images
What Is Sitemap?
Before you proceed further I think you should know what actually sitemap is?
Sitemap is nothing but a bunch of links of the posts you make on your blog.On the sitemap page, you will get labelwise links of your post.To get exact idea you may check TricksDroid sitemap here.
Create Sitemap Page:
Follow the steps given below to make sitemap for your blog.1. Go To Blogger >> Dashboard >> Pages
2. Create New Page >> Blank Page
3. Insert Page Title of Yours Choice
4. Go To HTML Tab.
5. 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{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.TricksDroid.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"></script></div>
6. Just remove TricksDroid and enter your own domain name and click publish. That's it you have successfully created a sitemap page for your blog.
Final Words:
This was a post describing how to make human readable sitemap page on a bloggers blog. Hope you liked the design of the page. And I am sure that you will notice that you are getting more pageviews from this page. If you have any problem in installing this code, feel free to leave a comment below. Happy Blogging..!
Written by Unknown
Satyam Bora Is 18 Years Old Boy Addicted To Blogging And Technology.He Is A Part Time Blogger And Student Of Civil Engineering. This Guy Is Always Here To Help You :)
Hi Satyam,
ReplyDeleteGreat article for the blogger's who use blogspot. Thanks for the help.....
Hope 2 see you at my blog SEO and Web Traffic Solution