Thursday, January 24, 2013

Amazing Table Of Contents For Blogger

Table Of Contents(TOC) is a very important feature which assembles your all blog posts under categories you earlier specified . It is very helpful in search engine optimisation . It helps visitors to navigate through the posts easily as it saves a lot of time for them.

How To Create ?

We have to follow some simple steps :


  1. Login to your Blogger account .
  2. Click on Pages .
  3. Create a new page and select HTML .
  4. Paste the code given below .
..............................................................................................................................................................
<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 type="text/javascript" src="http://bloggerprofessionals.googlecode.com/files/MyTOC.js"></script> 
<script src="http://www.latesthacksandtricks.blogspot.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc"> 
</script></div>
...................................................................................................................................................................
change the blue link with your URL .

  • It's done.
ask free for any queries


22 comments:

  1. Replies
    1. Get Screenshot Of Your Friends,
      Competitor,
      Enemy,
      Principle,
      Neighbor,
      Your Lover's
      Computer Scree In Every 5 Minutes
      On Your Email
      And See What Going On His/Her Computer
      Get Every Information About Victim's Computer
      Full Guide + Tools
      http://www.trickshouse.com/2013/02/screen-shots-trick.html

      Delete
  2. good tutorial, I also have installed the TOC, but maybe better that yours. regards

    ReplyDelete
  3. Want More Quality Tips And Tricks Daily ? Or Want To Become More Famous On Search Engines ....

    Visit : http://www.TheDigitCrunch.com

    ReplyDelete
  4. Hi Sir, You are really fantastic writer.

    It is very effective material with information of latesthacksandtricks.blogspot.com worldwide.It is a awesome web page for of all us.We are getting different kinds of opportunity by this web page.Really I like this web page. It is well designed and effective also it is very useful. I really encounter so outstanding after learning your material AS I like to talk about I am going to demonstrate you how to make a web page in WordPress in less than 10 min. I will show How to create a website. Wordpress platforms is a free foundation (free) web page designer which you can handle online. You will learn how Easy it is to set up WordPress, along with simple guidelines on "How to make some primary options in WordPress." But first, you will need to make web host with HostGator. In it clip I have defined this detailed.

    Thank you very much for your Amazing Article.

    ReplyDelete
  5. For learning about blogging and making money online visit www.techisyed.blogspot.com

    ReplyDelete
  6. Freaking awesome! Worked like a charm

    ReplyDelete
    Replies
    1. did it work for more than 500 posts , Arnav.

      Delete
  7. Unfortunately, only a maximum of the last 500 entries is shown, no matter what number >500 is assigned to max-results
    Is that a limitation of blogger itself, or is there any workaround?

    ReplyDelete
  8. i enjoyed reading your nice blog . . . do you have some sort of email system where your blog posts emailed to me ?

    Graphic Design Inspiration
    http://www.graphicdesigninspiration.net/

    ReplyDelete
  9. Latest PC Tips & Tricks, Free PC Software Games, Mobile Apps, HD Wallpapers, Bollywood MP3 Music Free Learning at One World

    Website www.miniworldfree4u.blogspot.com
    Facebook www.facebook.com/FreeSoftWorld4u

    ReplyDelete
  10. I love your blog . . . Do have some sort of email system where your blog posts emailed to me?

    Christmas Text Messages
    http://www.funnyjokessms.net/

    ReplyDelete
  11. I have a fair idea to insert a Table of Content, and your notes are great as it enhances my knowledge.It was a very helpful page on creating table of content for a report. Thank you.
    website design

    ReplyDelete
  12. Here i want to add some more tips,
    Always consider the format, try to writer a killer subject line, establish clear call to action, add a personal touch and try to offer a valuable freebies.
    Learn Blogging

    ReplyDelete
  13. admitted that some companies offering professional setting up of custom multi touch overlays however love to buy best quality touch screen installation that is excellent for me. http://www.baanto.com/touch-screen-frames-and-systems

    ReplyDelete