https:////example.com/style.css X#tocTable { border:2px solid white; font:normal normal 11px/normal Verdana,Tahoma,Arial,Sans-Serif; color:#333; border-collapse:collapse; text-align:left; margin:0 auto 5px; } #tocTable th, #tocTable td { border:1px solid white; background-color:#fafafa; padding:10px 15px; } #tocTable th { background-color:#5d5d5d; font-weight:bold; color:white; text-shadow:0 1px 0 rgba(0,0,0,.3); } #th-1 { width:55%; background-color:#5A930D; } #th-2,#th-3,#th-4 {width:15%} #tocTable td.toc-header-col-1, #tocTable td.toc-header-col-2 { padding:0 !important; background-color:#2372A7; } #tocTable td.toc-header-col-3,#tocTable td.toc-header-col-4 {background-color:#D7DEF0} #tocTable a { display:block; text-decoration:none; color:white; padding:10px 15px; background:none; } #tocTable td.toc-header-col-1:hover, #tocTable td.toc-header-col-2:hover { background-color:#174B6F; -webkit-box-shadow:inset 0 0 3px rgba(0,0,0,.4); -moz-box-shadow:inset 0 0 3px rgba(0,0,0,.4); box-shadow:inset 0 0 3px rgba(0,0,0,.4); } #tocSort { display:block; width:220px; font:normal bold 12px/normal Verdana,Tahoma,Arial,Sans-Serif; color:#333; cursor:pointer; border:none; outline:none; background-color:#eee; margin:0 auto 5px; padding:5px; }https:////example.com/script.js Xvar theTotalPosts = 9999, // Tentukan jumlah maksimal posting theOptions = "Sortir...", // Label opsi 1 theSortPosts = "Sortir berdasarkan Abjad", // Label opsi 2 theSortLabels = "Sortir berdasarkan Label", // Label opsi 3 theTitles = "Judul Artikel", // Header tabel 1 theLabels = "Label Artikel", // Header tabel 2 theDates = "Bulan Terbit", // Header tabel 3 theBlankLabels = "Tak Berlabel", // Label kosong theSiteUrl = "https:////idtutorplus.blogspot.com", // URL blog kamu theConfig = "toc-container"; // Original: https:////www.threelas.com // Modified by Id Tutor Plus(https:////idtutorplus.blogspot.com) function toc_sort_table(a) { var post = [], label = [], timepub = [], skeleton = "", g = document.getElementById(theConfig), b = a.feed.openSearch$totalResults.$t; if (b < theTotalPosts) theTotalPosts = b - 1; for (var c = 0; c <= theTotalPosts; c++) { post[c] = a.feed.entry[c].title.$t; label[c] = a.feed.entry[c].category[0].term; timepub[c] = a.feed.entry[c].published.$t.substring(0, 10); } var d = []; for (var c = 0; c <= theTotalPosts; c++) { for (var e = 0; e <= a.feed.entry[c].link.length - 1; e++) { if (a.feed.entry[c].link[e].rel == "alternate") { d[c] = a.feed.entry[c].link[e].href; break; } } } skeleton = '' + theOptions + '' + theSortPosts + '' + theSortLabels + ''; skeleton += '' + theTitles + '' + theLabels + '' + theDates + ''; skeleton += ''; skeleton += ''; // Unique ID doh... for (var c = 0; c <= theTotalPosts; c++) { if (a.feed.entry[c].category.length >= 1) { for (var e = 0; e <= a.feed.entry[c].category.length - 1; e++) { skeleton += ''; skeleton += '' + '' + post[c] + "" + ''; skeleton += '' + '' + a.feed.entry[c].category[e].term + "" + ''; skeleton += '' + timepub[c] + ''; skeleton += ''; } } else { skeleton += ''; skeleton += '' + '' + post[c] + "" + ''; skeleton += '' + theBlankLabels + ''; skeleton += '' + timepub[c] + ''; skeleton += ''; } } skeleton += ''; skeleton += 'ITP +]'; g.innerHTML = skeleton; } function getTextValue(a) { var b, c = ""; for (b = 0; b < a.childNodes.length; b++) { if (a.childNodes[b].nodeType == document.TEXT_NODE) { c += a.childNodes[b].nodeValue; } else if (a.childNodes[b].nodeType == document.ELEMENT_NODE && a.childNodes[b].tagName == "BR") { c += " "; } else { c += getTextValue(a.childNodes[b]); } } return normalizeString(c); } function normalizeString(a) { var whtSpEnds = new RegExp("^\\s*|\\s*$", "g"), whtSpMult = new RegExp("\\s\\s+", "g"); a = a.replace(whtSpMult, " ").replace(whtSpEnds, ""); return a; } function compareValues(a, b) { var c = parseFloat(a), d = parseFloat(b); if (!isNaN(c) && !isNaN(d)) { a = c; b = d; } if (a == b) return 0; if (a > b) return 1; return -1; } function displayMessage(a) { var b = document.getElementById("toc-903298438493857447454"); if (b.reverseSort == null) b.reverseSort = []; if (a == b.lastColumn) b.reverseSort[a] = !b.reverseSort[a]; b.lastColumn = a; var c = b.style.display; b.style.display = "none"; var d, e, f, g, h, i, j; for (e = 0; e < b.rows.length - 1; e++) { h = e; g = getTextValue(b.rows[e].cells[a]); for (f = e + 1; f < b.rows.length; f++) { i = getTextValue(b.rows[f].cells[a]); j = compareValues(g, i); if (b.reverseSort[a]) j = -j; if (j > 0) { h = f; g = i; } } if (h > e) { d = b.removeChild(b.rows[h]); b.insertBefore(d, b.rows[e]); } } b.style.display = c; return false; } if (document.ELEMENT_NODE == null) { document.ELEMENT_NODE = 1; document.TEXT_NODE = 3; } (function () { var h = document.getElementsByTagName('head')[0], s = document.createElement('script'); s.src = "" + theSiteUrl.replace(/\/$/, "") + "/feeds/posts/summary?max-results=" + theTotalPosts + "&alt=json-in-script&orderby=published&callback=toc_sort_table"; h.appendChild(s); })();Memuat...