Latest News
Home » All Blogger Tips » Create Table of Content or Sitemap in Blogger
web development, SEO services, Web designing

Create Table of Content or Sitemap in Blogger

add sitemap to bloggerHello Readers, Hope You all are fine today, Now we will talk about How to Add a Sitemap or Table of Content into your blogger, I Hope Many Pro Bloggers and also the Newbie’s Like this post. Table of content also called sitemap is the page on blog that is created for making it easier for the robots to index your posts. This helps in making your blog look professional. After adding this widget I am sure that you will find a great increase in traffic to your blog.

Now here we have two types of categories or parts that fall under this widget: Just read and add them:

Two methods for adding table of content to blogger:

  1. You Can Add All Blog Posts In Google Sitemap One Page
  2. And You Can Also Add Labels Wise posts In Page.

 

Steps for adding Sitemap or table of content to blogger

Follow steps to add this table of content page in your blog

  • Go to your blogger blog.
  • Now Navigate to Pages > New Page > Blank Page.
  • Switch it to HTML mode.
  • Paste Below code in the HTML mode area.

First code for adding sitemap to blogger

</script>

<script style=’text/javascript’>

var numposts = 999;

var showpostthumbnails = true;

var displayseparator = true;

</script>

www.allbloggingways.com/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=recent&amp;max-results=999″></script>

<style type=”text/css”>

.sitemap-container {width: 100%; height: 105px; border-top: 2px solid #eee;}

.sitemap-container:hover {background-color:#fafafa;}

.thumbnail {width: 60px; height: 90px; float: left; top:0px;}

.posttitle {height: 90px; float: left; line-height: 90px; margin-left:25px; display:block; width:80%; white-space:nowrap;}

#postimg {margin-top: 10px;  -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; width: 60px; border: 2px solid #eee;}

#list{list-style-type: none; padding-left: 0px; margin-left: 0px;}

</style>

 

  • Replace www. allbloggingways.com with your own blog URL.
  • Click on Publish button. That’s it.

Note:  As I Mentioned You This Widget Has 2 Types So Above code will show posts from all the labels in your blog. You can replace it with below to create sitemap page for a single label.

 Second Method for adding Sitemap to blogger

</script>

<script style=’text/javascript’>

var numposts = 999;

var showpostthumbnails = true;

var displayseparator = true;

</script>

allbloggingways.com/feeds/posts/default/-/Label%20Name?orderby=published&amp;alt=json-in-script&amp;callback=recent&amp;max-results=999″></script>

<style type=”text/css”>

.sitemap-container {width: 100%; height: 105px; border-top: 2px solid #eee;}

.sitemap-container:hover {background-color:#fafafa;}

.thumbnail {width: 60px; height: 90px; float: left; top:0px;}

.posttitle {height: 90px; float: left; line-height: 90px; margin-left:25px; display:block; width:80%; white-space:nowrap;}

#postimg {margin-top: 10px;  -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; width: 60px; border: 2px solid #eee;}

#list{list-style-type: none; padding-left: 0px; margin-left: 0px;}

</style>

Replace www. allbloggingways.com with your blog URL and Label%20Name with your label name.

Remember: If your label name more than one word, then don’t forget to add %20 between each of them.

 For example: SEO Tips will be written as SEO%20Tips.

Enjoy you are done with widget. Now you will surely see an increase in your traffic and also you have made your blog professional.

Final Words:

So  Friends, This Our Article This My second Guest Post for this great blog. Hope You Will Find It helpful For Your Blog. Also Visit My Blog  And Subscribe this blog for best articles like this.  Any Doubt Or Query Feel Free To Ask By Comments Be In Touch For More Happy Blogging..!!

About Author: Guest Post

This Post Was Written By Abdul Samad Essani. Who Is CEO & Founder At Blogger Techniches. Currently He Is Living In karachi, Pakistan & Studying in 7th Class. He Is A Pro Blogger And  Addicted Web Developer.

Originally posted 2013-07-27 08:09:16.

About admin

Hi`i' m +Vishal, an engineering student, in Electronics and communication stream from India. I love blogging, Designing Blogger template, Web Developing and Designing.I like to learn and share SEO tips and all blogging tips with our visitors. I love blogging and helping others in their problems..For any query you can contact us

4 comments

  1. Hello Abdul Samad,
    Nice And Wonderful Article Best Write-up.Thanks for sharing Wonderful Information…

  2. Thanks Abdul i will try this now. And i have seen your site it’s very nice keep going.

Leave a Reply

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

*

This site uses Akismet to reduce spam. Learn how your comment data is processed.