API tools faq
paste
Guest User

Untitled

a guest
Apr 5th, 2017
143
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.18 KB
raw download clone embed print report
  1. <div id="table-outer">
  2. <table>
  3. <tbody>
  4. <tr>
  5. <td>
  6. <label for="feed-order">Urutkan artikel berdasarkan:</label>
  7. </td>
  8. <td>
  9. <select id="feed-order">
  10. <option selected="" value="published">Artikel terbaru</option>
  11. <option value="updated">Artikel yang terakhir di update</option>
  12. </select>
  13. </td>
  14. </tr>
  15. <tr>
  16. <td>
  17. <label for="label-sorter">Filter artikel berdasarkan kategori:</label>
  18. </td>
  19. <td>
  20. <select disabled="" id="label-sorter">
  21. <option selected="">Loading....</option>
  22. </select>
  23. </td>
  24. </tr>
  25. <tr>
  26. <td>
  27. <label for="feed-q">Cari artikel dengan kata kunci:</label>
  28. </td>
  29. <td>
  30. <form id="post-searcher">
  31. <input id="feed-q" placeholder="Ketik dan tekan ENTER" type="text" />
  32. </form>
  33. </td>
  34. </tr>
  35. </tbody>
  36. </table>
  37. </div>
  38. <br />
  39. <header id="result-desc"></header>
  40. <br />
  41. <ul id="feed-container"></ul>
  42. <div id="feed-nav">
  43. </div>
  44.  
  45. <script type="text/javascript">
  46. // Get the head element
  47. var head = document.head || document.getElementsByTagName('head')[0];
  48.  
  49. // Create a new style node
  50. var style = document.createElement('style');
  51.  
  52. // Set type attribute for the style node
  53. style.type = 'text/css';
  54.  
  55. // Set the css rules
  56. var css = '#table-outer{padding:7px 10px;margin:0 auto}#table-outer table{width:auto;margin:0 auto;border:none!important}#table-outer table td{border:none!important;padding:0!important}#table-outer form{font:inherit}#table-outer label{display:block;text-align:right;margin:0 10px 0 0;padding:4px 0 0}#table-outer select[disabled]{opacity:.4}#post-searcher{display:block;margin:0;padding:0}#table-outer input,#table-outer select{width:100%;border:1px solid #dedede;border-radius:5px;margin:0;padding:5px;font-family:Roboto,sans-serif!important;font-size:16px!important;font-weight:500!important;text-transform:capitalize!important;outline:0;color:#333!important;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}#table-outer select option{min-height:1.4em!important}#table-outer input#feed-q{padding:5px 10px!important}#feed-container{background:#fff;display:block;clear:both;margin:0;padding:0;list-style:none;overflow:hidden;position:relative;border-top:none}#feed-container li{list-style:none;margin:0;padding:0;border-top:1px solid #eee;color:#555;width:auto;float:left;display:inline}#feed-container li .inner{margin:15px 0;height:auto;overflow:hidden;word-wrap:break-word;text-overflow:ellipsis}#feed-container li a{text-decoration:none;color:#2C2C2C;font-weight:500}#feed-container li a:hover{text-decoration:none;color:#E94141}#feed-container li .news-text{margin-top:5px;line-height:1.3em!important}#feed-container li img{margin:0 15px 5px 0;padding:7px 7px 7px 0;float:left;display:block;width:140px!important}#result-desc{margin:0;padding:0}#result-desc div,#result-desc span{display:block;margin:0;padding:5px 0 7px;color:#D64D52}#result-desc div{color:inherit}#feed-nav{margin:10px 0 30px;text-align:center;font-weight:500}#feed-nav a,#feed-nav span{border:1px solid #dedede;border-radius:5px;padding:0;color:#757575;text-decoration:none;display:block;height:30px;line-height:32px}#feed-nav a,#feed-nav span:hover{color:#1B1B1B}#feed-nav a:active,#feed-nav a:hover{color:#555}#feed-nav span{cursor:wait}@media (max-width:600px){#table-outer table{margin:0 auto;width:100%}#feed-container,#table-outer{margin:0 auto}#feed-container li .inner{margin:5px auto;height:auto}#feedContainer li{float:none;display:block;width:auto;height:auto}#feed-container li .news-text,#feedContainer:after,#feed-container li img{display:none!important}}.post-body{min-height:300px;background:url(https://lh6.googleusercontent.com/-UKClHRpzskg/VfOm1eLfT7I/AAAAAAAAiQw/1pwwhEsT49I/w220-h19-no/ajax-loader%2B%25281%2529.gif)50% 50% no-repeat!important}';
  57.  
  58. // Append the css rules to the style node
  59. style.appendChild(document.createTextNode(css));
  60.  
  61. // Append the style node to the head of the page
  62. head.appendChild(style);
  63. </script>
  64.  
  65. <script type='text/javaScript'>
  66. document.write;
  67. var loadToc, loadCategories, _toc = {
  68. init: function() {
  69. var cfg = {
  70. homePage: window.location.origin,
  71. maxResults: 10,
  72. numChars: 270,
  73. thumbWidth: 140,
  74. thumbHeight: 95,
  75. navText: "Tampilkan artikel selanjutnya &#9660;",
  76. resetToc: "Kembali ke Awal",
  77. noImage: "//2.bp.blogspot.com/-ex3V86fj4dQ/UrCQQa4cLsI/AAAAAAAAFdA/j2FCTmGOrog/s1100/no-thumbnail.png",
  78. loading: "<span>Memuat...</span>",
  79. counting: "<div>Memuat artikel...</div>",
  80. searching: "<span>Mencari...</span>"
  81. },
  82. w = window,
  83. d = document,
  84. el = function(id) {
  85. return d.getElementById(id);
  86. },
  87. o = {
  88. a: el('feed-order'),
  89. b: el('label-sorter').parentNode,
  90. c: el('post-searcher'),
  91. d: el('feed-q'),
  92. e: el('result-desc'),
  93. f: el('feed-container'),
  94. g: el('feed-nav'),
  95. h: d.getElementsByTagName('head')[0],
  96. i: 0,
  97. j: null,
  98. k: 'published',
  99. l: 0,
  100. m: ""
  101. },
  102. fn = {
  103. a: function() {
  104. old = el('temporer-script');
  105. old.parentNode.removeChild(old);
  106. },
  107. b: function(param) {
  108. var script = d.createElement('script');
  109. script.type = "text/javascript";
  110. script.id = "temporer-script";
  111. script.src = param;
  112. if (el('temporer-script')) fn.a();
  113. o.h.appendChild(script);
  114. },
  115. c: function(mode, tag, order) {
  116. o.i++;
  117. o.e.innerHTML = cfg.counting;
  118. o.g.innerHTML = cfg[mode == 1 ? "searching" : "loading"];
  119. if (mode === 0) {
  120. fn.b(tag !== null ? cfg.homePage + '/feeds/posts/summary/-/' + tag + '?alt=json-in-script&start-index=' + ((o.i * cfg.maxResults) + 1) + '&max-results=' + cfg.maxResults + '&orderby=' + order + '&callback=loadToc' : cfg.homePage + '/feeds/posts/summary?alt=json-in-script&start-index=' + ((o.i * cfg.maxResults) + 1) + '&max-results=' + cfg.maxResults + '&orderby=' + order + '&callback=loadToc');
  121. } else if (mode == 1) {
  122. fn.b(cfg.homePage + '/feeds/posts/summary?alt=json-in-script&start-index=' + ((o.i * cfg.maxResults) + 1) + '&max-results=' + cfg.maxResults + '&q=' + tag + '&orderby=' + order + '&callback=loadToc');
  123. }
  124. o.j = (tag !== null) ? tag : null;
  125. o.l = mode;
  126. o.a.disabled = true;
  127. o.b.children[0].disabled = true;
  128. },
  129. d: function(json) {
  130. var _h;
  131. o.g.innerHTML = "";
  132. o.e.innerHTML = o.l == 1 ? '<span>Hasil penelusuran untuk kata kunci <b>&#8220;' + o.m + '&#8221;</b> (' + json.feed.openSearch$totalResults.$t + ' Hasil)</span>' : '<div>Total: ' + json.feed.openSearch$totalResults.$t + ' Artikel</div>';
  133. if ("entry" in json.feed) {
  134. var a = json.feed.entry,
  135. b, c, _d, e = "0 Komentar",
  136. f = "",
  137. g;
  138. for (var i = 0; i < cfg.maxResults; i++) {
  139. if (i == a.length) break;
  140. b = a[i].title.$t;
  141. _d = ("summary" in a[i]) ? a[i].summary.$t.replace(/<br ?\/?>/ig, " ").replace(/<(.*?)>/g, "").replace(/<iframe/ig, "").substring(0, cfg.numChars) : "";
  142. g = ("media$thumbnail" in a[i]) ? a[i].media$thumbnail.url.replace(/.*?:\/\//g, "//").replace(/\/s[0-9]+\-c/, "\/s" + cfg.thumbWidth + "") : cfg.noImage.replace(/\/s[0-9]+\-c/, "\/s" + cfg.thumbWidth + "");
  143. for (var j = 0, jen = a[i].link.length; j < jen; j++) {
  144. c = (a[i].link[j].rel == "alternate") ? a[i].link[j].href : "#";
  145. }
  146. for (var k = 0, ken = a[i].link.length; k < ken; k++) {
  147. if (a[i].link[k].rel == "replies" && a[i].link[k].type == "text/html") {
  148. e = a[i].link[k].title;
  149. break;
  150. }
  151. }
  152. _h = d.createElement('li');
  153. _h.innerHTML = '<div class="inner"><img style="width:' + cfg.thumbWidth + 'px;height:' + cfg.thumbHeight + 'px;" data-src="' + g + '" src="' + g + '" alt="' + b + '" title="' + b + '"><a class="toc-title" href="' + c + '" target="_blank" title="' + b + '">' + b + '</a><div class="news-text">' + _d + '&hellip;<br style="clear:both;"></div></div>';
  154. o.f.appendChild(_h);
  155. }
  156. _h = d.createElement('a');
  157. _h.href = '#load-more';
  158. _h.innerHTML = cfg.navText;
  159. _h.onclick = function() {
  160. fn.c(o.l, o.j, o.k);
  161. return false;
  162. };
  163. } else {
  164. _h = d.createElement('a');
  165. _h.href = '#reset-content';
  166. _h.innerHTML = cfg.resetToc;
  167. _h.onclick = function() {
  168. o.i = -1;
  169. o.e.innerHTML = cfg.counting;
  170. o.f.innerHTML = "";
  171. fn.c(0, null, 'published');
  172. o.a.innerHTML = o.a.innerHTML;
  173. o.b.children[0].innerHTML = o.b.children[0].innerHTML;
  174. return false;
  175. };
  176. }
  177. o.g.appendChild(_h);
  178. o.a.disabled = false;
  179. o.b.children[0].disabled = false;
  180. },
  181. e: function(json) {
  182. var a = json.feed.category,
  183. b = '<select id="label-sorter"><option value="" selected disabled>Pilih Kategori...</option>';
  184. for (var i = 0, len = a.length; i < len; i++) {
  185. b += '<option value="' + encodeURIComponent(a[i].term).replace(/%20/g, " ") + '">' + encodeURIComponent(a[i].term).replace(/%20/g, " ") + '</option>';
  186. }
  187. b += '</select>';
  188. o.b.innerHTML = b;
  189. o.b.children[0].onchange = function() {
  190. o.i = -1;
  191. o.f.innerHTML = "";
  192. o.g.innerHTML = cfg.loading;
  193. fn.c(0, this.value, o.k);
  194. };
  195. }
  196. };
  197. loadToc = fn.d;
  198. loadCategories = fn.e;
  199. fn.b(cfg.homePage + '/feeds/posts/summary?alt=json-in-script&start-index=' + (o.i + 1) + '&max-results=' + cfg.maxResults + '&orderby=published&callback=loadToc');
  200. fn.b(cfg.homePage + '/feeds/posts/summary?alt=json-in-script&max-results=0&orderby=published&callback=loadCategories');
  201. o.a.onchange = function() {
  202. o.i = -1;
  203. o.f.innerHTML = "";
  204. o.g.innerHTML = cfg.counting;
  205. o.b.children[0].innerHTML = o.b.children[0].innerHTML;
  206. fn.c(0, null, this.value);
  207. o.k = this.value;
  208. };
  209. o.c.onsubmit = function() {
  210. o.i = -1;
  211. o.f.innerHTML = "";
  212. o.m = o.d.value;
  213. fn.c(1, o.d.value, o.k);
  214. return false;
  215. };
  216. }
  217. };
  218. _toc.init();</script>
RAW Paste Data
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!