Add a Tabbed Table of Contents to your Blogger Blog

5:58:00 PM |

Copy the following code
<link href="http://dte-project.googlecode.com/svn/trunk/tabbed-toc-skin.css" media="screen" rel="stylesheet" type="text/css"></link>
<br />
<div id="tabbed-toc">
<span class="loading">Loading...</span></div>
<a href="http://www.ns-service.blogspot.com/" style="display: block; font: normal bold 8px &quot;arial&quot; , sans-serif; margin: 10px; text-align: right; text-decoration: none;" title="Tabbed TOC">Learn more cool tricks - Zo-Hornbill-Blog</a>
<script type="text/javascript">
var tabbedTOC = {
blogUrl: "http://YOUR-BLOG-URL.blogspot.com", // Blog URL
containerId: "tabbed-toc", // Container ID
activeTab: 1, // The default active tab index (default: the first tab)
showDates: false, // `true` to show the post date
showSummaries: false, // `true` to show the posts summaries
numChars: 200, // Number of summary chars
showThumbnails: false, // `true` to show the posts thumbnails (Not recommended)
thumbSize: 40, // Thumbnail size
noThumb: "http://3.bp.blogspot.com/-vpCFysMEZys/UOEhSGjkfnI/AAAAAAAAFwY/h1wuA5kfEhg/s72-c/grey.png", // A "no thumbnail" URL
monthNames: [ // Array of month names
"January",
"February",
"March",
"April",
"May",
"June",
"July",
"August",
"September",
"October",
"November",
"December"
],
newTabLink: true, // Open link in new window?
maxResults: 99999, // Maximum post results
preload: 0, // Load the feed after 0 seconds (option => time in milliseconds || "onload")
sortAlphabetically: true, // `false` to sort posts by published date
showNew: 7, // `false` to hide the "New!" mark in most recent posts, or define how many recent posts are to be marked
newText: " - <em style='color:red;'>New!</em>" // HTML for the "New!" text
};
</script>
<script src="http://dte-project.googlecode.com/svn/trunk/tabbed-toc.js" type="text/javascript"></script>