<div class="tabbed-toc" id="tabbed-toc"> <span class="loading">Memuat…</span> </div> <script> /*! * Blogger Tabbed Style Table of Content Widget by Taufik Nurrohman * Free for change but keep the original attribution. */ var tabbedTOC = { blogUrl: "/", containerId: "tabbed-toc", activeTab: 1, showDates: true, showSummaries: false, numChars: 200, showThumbnails: true, thumbSize: 60, noThumb: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAA3NCSVQICAjb4U/gAAAADElEQVQImWOor68HAAL+AX7vOF2TAAAAAElFTkSuQmCC", monthNames: [ "Januari", "Februari", "Maret", "April", "Mei", "Juni", "Juli", "Agustus", "September", "Oktober", "November", "Desember" ], newTabLink: true, maxResults: 99999, preload: 0, sortAlphabetically: true, showNew: 7, newText: ' – <em style="color:red;">New!</em>' }; (function (window, document) { var timestamp = new Date().getTime(); var defaults = { blogUrl: "/", containerId: "tabbed-toc", activeTab: 1, showDates: false, showSummaries: false, numChars: 200, showThumbnails: false, thumbSize: 40, noThumb: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAA3NCSVQICAjb4U/gAAAADElEQVQImWOor68HAAL+AX7vOF2TAAAAAElFTkSuQmCC", monthNames: [ "Januari", "Februari", "Maret", "April", "Mei", "Juni", "Juli", "Agustus", "September", "Oktober", "November", "Desember" ], newTabLink: true, maxResults: 99999, preload: 0, sortAlphabetically: true, showNew: false, newText: ' – <em style="color:red;">Baru!</em>' }; if (typeof tabbedTOC === "undefined") { tabbedTOC = defaults; } else { for (var key in defaults) { if (typeof tabbedTOC[key] === "undefined") { tabbedTOC[key] = defaults[key]; } } } window["clickTabs_" + timestamp] = function (index) { var container = document.getElementById(tabbedTOC.containerId); if (!container) { return; } var panels = container.getElementsByTagName("ol"); var tabsContainer = container.getElementsByTagName("ul")[0]; if (!tabsContainer) { return; } var tabs = tabsContainer.getElementsByTagName("a"); for (var i = 0; i < panels.length; i++) { panels[i].style.display = "none"; } if (panels[index]) { panels[index].style.display = "block"; } for (var j = 0; j < tabs.length; j++) { tabs[j].className = ""; } if (tabs[index]) { tabs[index].className = "active-tab"; } }; window["showTabs_" + timestamp] = function (data) { var totalResults = parseInt( data.feed.openSearch$totalResults.$t, 10 ); var config = tabbedTOC; var entries = data.feed.entry || []; var categories = data.feed.category || []; var html = ""; if (config.showNew !== false) { var newLimit = config.showNew === true ? 5 : config.showNew; for ( var n = 0; n < newLimit && n < entries.length; n++ ) { entries[n].title.$t = entries[n].title.$t + config.newText; } } if (config.sortAlphabetically) { entries.sort(function (a, b) { return a.title.$t.localeCompare(b.title.$t); }); categories.sort(function (a, b) { return a.term.localeCompare(b.term); }); } html = '<span class="toc-line"></span>'; html += '<ul class="toc-tabs">'; for (var c = 0; c < categories.length; c++) { html += '<li class="toc-tab-item-' + c + '">'; html += '<a onclick="clickTabs_' + timestamp + '('; html += c; html += ');return false;" '; html += 'onmousedown="return false;" '; html += 'href="#">'; html += categories[c].term; html += "</a>"; html += "</li>"; } html += "</ul>"; html += '<div class="toc-content">'; for (var categoryIndex = 0; categoryIndex < categories.length; categoryIndex++) { html += '<ol class="panel" data-category="'; html += categories[categoryIndex].term; html += '"'; if (categoryIndex !== config.activeTab - 1) { html += ' style="display:none;"'; } html += ">"; for ( var postIndex = 0; postIndex < totalResults && postIndex < entries.length; postIndex++ ) { var entry = entries[postIndex]; var published = entry.published.$t; var title = entry.title.$t; var monthNames = config.monthNames; var summary = ""; if ( "summary" in entry && config.showSummaries === true ) { summary = entry.summary.$t .replace(/<br *\/?>/g, " ") .replace(/<.*?>/g, "") .replace(/[<>]/g, "") .substring(0, config.numChars) + "…"; } var thumbnail; if ( "media$thumbnail" in entry && config.showThumbnails === true ) { thumbnail = '<img class="thumbnail" style="width:' + config.thumbSize + 'px;height:' + config.thumbSize + 'px;" alt="" src="' + entry.media$thumbnail.url.replace( /\/s\d(-c)?\//, "/s" + config.thumbSize + "-c/" ) + '"/>'; } else { thumbnail = '<img class="thumbnail" style="width:' + config.thumbSize + 'px;height:' + config.thumbSize + 'px;" alt="" src="' + config.noThumb + '"/>'; } var dateText = ""; if (config.showDates === true) { dateText = '<time datetime="' + published + '" title="' + published + '">' + published.substring(8, 10) + " " + monthNames[ parseInt( published.substring(5, 7), 10 ) - 1 ] + " " + published.substring(0, 4) + "</time>"; } var postUrl = ""; for ( var linkIndex = 0; linkIndex < entry.link.length; linkIndex++ ) { if (entry.link[linkIndex].rel === "alternate") { postUrl = entry.link[linkIndex].href; break; } } var postCategories = entry.category || []; for ( var catIndex = 0; catIndex < postCategories.length; catIndex++ ) { var targetAttr = config.newTabLink ? ' target="_blank"' : ""; if ( postCategories[catIndex].term === categories[categoryIndex].term ) { html += '<li title="' + postCategories[catIndex].term + '"'; if (config.showSummaries === true) { html += ' class="bold"'; } html += ">"; html += '<a href="' + postUrl + '"' + targetAttr + ">"; html += title; html += dateText; html += "</a>"; if (config.showSummaries === true) { html += '<span class="summary">' + thumbnail + summary + '<span style="display:block;clear:both;"></span>' + "</span>"; } html += "</li>"; } } } html += "</ol>"; } html += "</div>"; html += '<div style="clear:both;"></div>'; var output = document.getElementById(config.containerId); if (output) { output.innerHTML = html; window["clickTabs_" + timestamp]( config.activeTab - 1 ); } }; var head = document.getElementsByTagName("head")[0]; var script = document.createElement("script"); /* * Perbaikan penting: * [\?&#] diubah menjadi [?&#] */ script.src = tabbedTOC.blogUrl.replace( /\/+$|[?&#].*$/g, "" ) + "/feeds/posts/summary?alt=json-in-script&max-results=" + tabbedTOC.maxResults + "&orderby=published&callback=showTabs_" + timestamp; if (tabbedTOC.preload !== "onload") { window.setTimeout(function () { head.appendChild(script); }, tabbedTOC.preload); } else { window.onload = function () { head.appendChild(script); }; } })(window, document); </script>