Add a Tabbed Table of Contents to your Blogger Blog

5:58:00 PM |

Copy the following code
<link href="" media="screen" rel="stylesheet" type="text/css"></link>
<br />
<div id="tabbed-toc">
<span class="loading">Loading...</span></div>
<a href="" 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: "", // 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: "", // A "no thumbnail" URL
monthNames: [ // Array of month names
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 src="" type="text/javascript"></script>