Home » Blogger Tips » Create Sitemap Table of Contents in Blogger Page

Create Sitemap Table of Contents in Blogger Page

How do I create a blog sitemap or table of contents page article on bloggers ? there are still many bloggers who still do not understand how to create a table of contents page in his blog . For that let us learn to create content/sitemap and put it on your blog page .
Free tutorials to create a sitemap/table of contents of this blogger I created based on that I apply in this blog . For that I give this tutorial so that you can also apply it on your blog . For a demo page that we will create a sitemap, sitemap page please look at this blog .
Every blog should have the article or page content that is often referred to sitemap blog. because through the table of contents will display the entire contents of the content/article on our blog . So the sitemap page visited blogs , readers who visit our blog will be easy to find and select all of the content or the articles they are looking for . So that readers will be very pleased with the ease that you provided through your blog content .
Create Sitemap Table of Contents

I create a sitemap/table of contents page of your blog.

1. Login to Blogger Dashboard.
2. Select the Pages menu tab/page

Create Sitemap Table of Contents

3. Then click New page -> Blank page.
Creating Sitemap/Table of Contents Pages in Blogger Page

Create Sitemap Table of Contents

4. Give Title Page/Page you. example page title: “Sitemap Blog“.
5. On page posts, Compose into HTML.
Creating Sitemap / Table of Contents Pages in Blogger Page

Create Sitemap Table of Contents

5. Then pste this code in a text editor available.

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

Replace the URL above: leetblogger.com with your blog URL.

6. Then click Publish to publish your page.

Create Sitemap Table of Contents

7. Finally click View to see the results on the page that you create.

Create Sitemap Table of Contents

Done! and after seeing page/page content you have created. Then you will see a page filled with a list of all the articles in your blog.

» DO NOT FORGET TO LIKE N Yeach comments …

About Cyb3r

Check Also

Share Under Everypost and Ads Feature Optimized

Share Underpost With Full Box and Ads Feature Optimized – Welcome to my blog leetblogger.com. …

Leave a Reply

Your email address will not be published. Required fields are marked *