/** * Blogger Tabbed Style Table of Content Widget by Pawan Vishwakarma * Free for change but keep the original attribution. * URL: https://plus.google.com/u/0/106484853245494915198/posts * TEMPLATES: <div id="tabbed-toc"><span class="loading">Loading...</span></div><script type="text/javascript">var tabbedTOC = {blogUrl:"http://haxorhub.blogspot.com/", containerId: "tabbed-toc", activeTab: 1};</script><script type="text/javascript" src="js/tabbed-toc.js"></script> */ var tabbedTOC_defaults = { blogUrl: "http://haxorhub.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: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAA3NCSVQICAjb4U/gAAAADElEQVQImWOor68HAAL+AX7vOF2TAAAAAElFTkSuQmCC", // No thumbnail URL monthNames: [ // Array of month names "Januari", "Februari", "Maret", "April", "Mei", "Juni", "Juli", "Agustus", "September", "Oktober", "November", "Desember" ], newTabLink: true, // Open link in new window? maxResults: 99999, // Maximum posts result preload: 0, // Load the feed after 0 seconds (option => time in milliseconds || "onload") sortAlphabetically: true, // `false` to sort posts by date showNew: false, // `false` to hide the "New!" mark in most recent posts, or define how many recent posts are to be marked newText: " - Baru!" // HTML for the "New!" text }; for (var i in tabbedTOC_defaults) { tabbedTOC_defaults[i] = (typeof(tabbedTOC[i]) !== undefined && typeof(tabbedTOC[i]) !== 'undefined') ? tabbedTOC[i] : tabbedTOC_defaults[i]; } function clickTab(pos) { var a = document.getElementById(tabbedTOC_defaults.containerId), b = a.getElementsByTagName('ol'), c = a.getElementsByTagName('ul')[0], d = c.getElementsByTagName('a'); for (var t = 0; t < b.length; t++) { b[t].style.display = "none"; b[parseInt(pos, 10)].style.display = "block"; } for (var u = 0; u < d.length; u++) { d[u].className = ""; d[parseInt(pos, 10)].className = "active-tab"; } } function showTabs(json) { var total = parseInt(json.feed.openSearch$totalResults.$t,10), c = tabbedTOC_defaults, entry = json.feed.entry, category = json.feed.category, skeleton = "", newPosts = []; for (var g = 0; g < (c.showNew === true ? 5 : c.showNew); g++) { if (g == entry.length) break; entry[g].title.$t = entry[g].title.$t + (c.showNew !== false ? c.newText : ''); } entry = c.sortAlphabetically ? entry.sort(function(a,b) { return (a.title.$t.localeCompare(b.title.$t)); }) : entry; category = c.sortAlphabetically ? category.sort(function(a,b) { return (a.term.localeCompare(b.term)); }) : category; // Build the tabs skeleton skeleton = '