Skip to main content
Mom Baby

follow us

Kumpulan Code HTML, CSS, dan JavaScript

Code HTML Gambar Blog AMP WebP

	
		<div class="img-width-800 img-center">
<amp-img alt="#2" height="456" src="#1" title="#2" width="811" layout="responsive"></amp-img></div>

Code HTML Gambar Blog non-AMP WebP

	
		<picture>
  <source srcset="https://#4" type="image/webp"/>
  <source srcset="https://#4" type="image/png"/>
  <img src="https://#4" alt="Alt Text!" width="1000" height="600" title="Alt Text!"/>
</picture>

Code HTML Tabel Responsive

	
		<div class="table-responsive">
  <table class="table">
    <tr>
      <th class="tg-center tg-bf" colspan="2">BAHAN YANG DIBUTUHKAN</th>
    </tr>
    <tr>
      <td>#1</td>
      <td>#2</td>
    </tr>
    <tr>
      <td>#1</td>
      <td>#2</td>
    </tr>
    <tr>
      <td>#1</td>
      <td>#2</td>
    </tr>
    <tr>
      <td>#1</td>
      <td>#2</td>
    </tr>
    <tr>
      <td>#1</td>
      <td>#2</td>
    </tr>
  </table>
</div>

Code CSS Tabel Responsive no-minify

	
		.table-responsive{min-height:.01%;overflow-x:auto}
.table{width:100%;border-collapse:collapse;border-spacing:0}
.table td,.table th{background-color:#F3F5EF;border:1px solid #bbb;color:#333;font-family:sans-serif;font-size:100%;padding:10px;vertical-align:top}
.table tr:nth-child(even) td{background-color:#F0F0E5}
.table th{background-color:#EAE2CF;color:#333;font-size:110%}
.table tr.even:hover td,.table tr:hover td{color:#222;background-color:#FFFBEF}
.tg-bf{font-weight:700}
.tg-it{font-style:italic}
.tg-left{text-align:left}
.tg-right{text-align:right}
.tg-center{text-align:center}
@media screen and (max-width:767px){.table-responsive{width:100%;margin-bottom:15px;overflow-y:hidden;-ms-overflow-style:-ms-autohiding-scrollbar}
.table-responsive>.table{margin-bottom:0}
.table-responsive>.table>tbody>tr>td,.table-responsive>.table>tbody>tr>th,.table-responsive>.table>tfoot>tr>td,.table-responsive>.table>tfoot>tr>th,.table-responsive>.table>thead>tr>td,.table-responsive>.table>thead>tr>th{white-space:nowrap}}

Code CSS Tabel Responsive minify

	
		.table-responsive{min-height:.01%;overflow-x:auto}.table{width:100%;border-collapse:collapse;border-spacing:0}.table td,.table th{background-color:#F3F5EF;border:1px solid #bbb;color:#333;font-family:sans-serif;font-size:100%;padding:10px;vertical-align:top}.table tr:nth-child(even) td{background-color:#F0F0E5}.table th{background-color:#EAE2CF;color:#333;font-size:110%}.table tr.even:hover td,.table tr:hover td{color:#222;background-color:#FFFBEF}.tg-bf{font-weight:700}.tg-it{font-style:italic}.tg-left{text-align:left}.tg-right{text-align:right}.tg-center{text-align:center}@media screen and (max-width:767px){.table-responsive{width:100%;margin-bottom:15px;overflow-y:hidden;-ms-overflow-style:-ms-autohiding-scrollbar}.table-responsive>.table{margin-bottom:0}.table-responsive>.table>tbody>tr>td,.table-responsive>.table>tbody>tr>th,.table-responsive>.table>tfoot>tr>td,.table-responsive>.table>tfoot>tr>th,.table-responsive>.table>thead>tr>td,.table-responsive>.table>thead>tr>th{white-space:nowrap}}
	

Code CSS Anti Copas (Copy Paste) no-minify

	
		.post-body{
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}

Code CSS Anti Copas (Copy Paste) minify

	
		.post-body{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
	

Code HTML Teks Arab

	
		<div class="block-arab">
<div class="arab">
<div style="text-align: right;">
tulisan arab di sini
</div></div>
<div class="arti-arab">
artinya di sini
</div>
</div>

Code CSS Teks Arab no-minify

	
		.block-arab {
border: 1px solid #eaeaef;
border-radius: 8px;
padding: 10px;
margin: 1.5em 0
}

.block-arab .arab {
margin: 0
}

.arti-arab {
position: relative;
font-size: 90%;
background-color: rgba(0, 0, 0, .05);
color: #717174;
border-radius: 8px;
padding: 20px 10px 10px;
margin: 2.5em 0 0
}

.arti-arab:before {
content: 'Artinya :';
position: absolute;
font-weight: bold;
border-radius: 50px; background: #fcfcfc;
color: #333;
padding: 0 15px 1px;
top: -14px;
left: 15px;
}

Code CSS Teks Arab minify

	
		.block-arab{border:1px solid #eaeaef;border-radius:8px;padding:10px;margin:1.5em 0}.block-arab .arab{margin:0}.arti-arab{position:relative;font-size:90%;background-color:rgba(0,0,0,.05);color:#717174;border-radius:8px;padding:20px 10px 10px;margin:2.5em 0 0}.arti-arab:before{content:'Artinya :';position:absolute;font-weight:700;border-radius:50px;background:#fcfcfc;color:#333;padding:0 15px 1px;top:-14px;left:15px}
	

Code HTML Video EMbed YouTube Responsive

	
		<div class="videoyoutube">
<div class="video-responsive">
<div class="video-youtube loader" data-src="https://www.youtube.com/embed/KODE AKHIR YT">
</div>
</div>
</div>

Code CSS Video EMbed YouTube Responsive

	
		.loader,.video-responsive{position:relative;overflow:hidden}@keyframes littleShine{0%{background-position:-400px 0}100%{background-position:400px 0}}.loader{width:100%;float:left;height:350px;margin-right:12px;animation:littleShine .85s linear infinite;background:linear-gradient(to right,rgba(255,255,255,0) 5%,rgba(255,255,255,.75) 20%,rgba(255,255,255,0) 30%) #f5f5f5;background-size:800px 100px}.videoyoutube{text-align:center;margin:auto;width:100%}.video-responsive{padding-bottom:56.25%;height:0}.video-responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}
	

Code JavaScript Video EMbed YouTube Responsive

	
		<script type='text/javascript'>
//<![CDATA[
// Youtube Responsive
setTimeout(function(){$(".video-youtube").each(function(){$(this).replaceWith('<iframe class="video-youtube loader" src="'+$(this).data("src")+'" allowfullscreen="allowfullscreen" height="281" width="500"></iframe>')})},5e3);
//]]>
</script>

Code HTML TOC

	
		<div id="toc"><b class="toc"></b></div>
	

Code CSS TOC minify

	
		#toc{border-left:6px solid rgba(121,128,136,.12);padding-left:1rem;margin:0 0 1.25rem;font-size:14px;font-size:.875rem}@media only screen and (max-width:480px){#toc{padding-left:.75rem}}#toc a{text-decoration:none}#toc b.toc{text-transform:uppercase}#toc ol{padding-left:0;margin:0}#toc ol li{margin:8px 0}#toc ol li ol{padding-left:2rem;margin:0}#toc ol li ol li,#toc>ol>ol li{list-style-type:disc}#toc>ol{counter-reset:item;list-style:none}#toc>ol li>li:before,#toc>ol>li:before{content:counters(item,".") " ";counter-increment:item;margin-right:5px}#toc>ol>ol{padding-left:1rem}.post-body h2[id]::before,.post-body h3[id]::before{content:" ";margin-top:-72px;height:72px;display:block;visibility:hidden}.toc button{color:#1b699d;-webkit-transition:all .2s;transition:all .2s;background:0 0;border:0;padding:0;outline:0;margin:0 4px;cursor:pointer;text-transform:lowercase;font-weight:400}
	

Code JavaScript TOC minify

	
		<script>
<b:if cond='data:view.isPost or data:view.isPage'>
//<![CDATA[
function tocShowHide(){var e={tocHide:!0};for(var t in vioMagzSetting)"undefined"!=vioMagzSetting[t]&&(e[t]=vioMagzSetting[t]);var n=document.querySelector(".toc"),o=document.createElement("button"),r=document.querySelector("#toc ol");n.appendChild(o),1==e.tocHide?(o.innerHTML="(show)",r.style.display="none"):(o.innerHTML="(hide)",r.style.display=""),o.addEventListener("click",function(){"none"==r.style.display?(r.style.display="",o.innerHTML="(hide)"):(r.style.display="none",o.innerHTML="(show)")})}function tocOption(){var e=document.querySelector(".toc"),t={judulTOC:"Daftar Isi",showHideTOC:!0};for(var n in vioMagzSetting)"undefined"!=vioMagzSetting[n]&&(t[n]=vioMagzSetting[n]);e.innerHTML=t.judulTOC,1==t.showHideTOC&&tocShowHide()}!function(e){"use strict";function t(e){if("string"!=typeof e)return 0;var t=e.match(/\d/g);return t?Math.min.apply(null,t):1}function n(e){var n,o,i,c,a,l,d=e.selector,u=e.scope,s=document.createElement("ol"),p=s,h=(n=e.overwrite,o=e.prefix,function(e,t,r){e.textContent;var i=o+"-"+r;t.textContent=e.textContent;var c=!n&&e.id||i;c=encodeURIComponent(c),e.id=c,t.href="#"+c});return i=d,c=u,a=[],l=document.querySelectorAll(c),Array.prototype.forEach.call(l,function(e){var t=e.querySelectorAll(i);a=a.concat(Array.prototype.slice.call(t))}),a.reduce(function(e,n,o){var i=t(n.tagName),c=r(p,i-e)||s,a=document.createElement("li"),l=document.createElement("a");return h(n,l,o),c.appendChild(a).appendChild(l),p=a,i},t(d)),s}function o(e){var t=(e=function(e,t){for(var n in t)t.hasOwnProperty(n)&&t[n]&&(e[n]=t[n]);return e}({selector:"h1, h2, h3, h4, h5, h6",scope:"body",overwrite:!1,prefix:"toc"},e)).selector;if("string"!=typeof t)throw new TypeError("selector must be a string");if(!t.match(/^(?:h[1-6],?\s*)*$/g))throw new TypeError("selector must contains only h1-6");var o=location.hash;return o&&setTimeout(function(){location.hash="",location.hash=o},0),n(e)}var r=function(e,t){return 0>t?r(e.parentElement,t+1):t>0?function(e,t){for(;t--;){var n=document.createElement("ol");e.appendChild(n),e=n}return e}(e,t):e.parentElement};"function"==typeof define&&define.amd?define("toc",[],function(){return o}):e.initTOC=o}(window);var aside=document.getElementById("toc"),toc=initTOC({selector:"h2, h3",scope:".post-body"});null!=aside&&(aside.appendChild(toc),tocOption());
//]]>
</b:if>
</script>

Code HTML Mode Dark » tempatkan di atas </header>

	
		<div class='modedark'><input class='check' id='modedark' title='Mode Dark' type='checkbox'/><label class='iconmode' for='modedark'><svg class='openmode' viewbox='0 0 24 24'><path d='M12,18C11.11,18 10.26,17.8 9.5,17.45C11.56,16.5 13,14.42 13,12C13,9.58 11.56,7.5 9.5,6.55C10.26,6.2 11.11,6 12,6A6,6 0 0,1 18,12A6,6 0 0,1 12,18M20,8.69V4H15.31L12,0.69L8.69,4H4V8.69L0.69,12L4,15.31V20H8.69L12,23.31L15.31,20H20V15.31L23.31,12L20,8.69Z'/></svg><svg class='closemode' viewbox='0 0 24 24'><path d='M14.3,16L13.6,14H10.4L9.7,16H7.8L11,7H13L16.2,16H14.3M20,8.69V4H15.31L12,0.69L8.69,4H4V8.69L0.69,12L4,15.31V20H8.69L12,23.31L15.31,20H20V15.31L23.31,12L20,8.69M10.85,12.65H13.15L12,9L10.85,12.65Z'/></svg></label></div>
	

Code JS Mode Dark » tempatkan di atas </body>

	
		<script>
//<![CDATA[
$(document).ready(function () {
    $("body").toggleClass(localStorage.toggled),
    $("#modedark").on("click", function () {
        "Night" != localStorage.toggled ? ($("body").toggleClass("Night", !0), localStorage.toggled = "Night", $(".section-center").css("display", "block")) : ($("body").toggleClass("Night", !1), localStorage.toggled = "", $(".section-center").css("display", ""))
    }),
    $("body").hasClass("Night") ? $("#modedark").prop("checked", !0) : $("#modedark").prop("checked", !1)
});
//]]>
</script>

Code CSS Minify Mode Dark » tempatkan di atas ]]></b:skin>

	
		.modedark{display:inline-block;float:right;margin-top:3px;position:absolute;right:45px;top:0;z-index:999}.modedark svg{width:24px;height:24px;vertical-align:-5px;background-repeat:no-repeat!important;content:''}.modedark svg path{fill:#fff}.iconmode{cursor:pointer;display:block;padding:8px;background-position:center;transition:all .5s linear}.iconmode:hover{border-radius:100px}.check{display:none}.modedark .iconmode .openmode{display:block}.modedark .check:checked~.iconmode .openmode,.modedark .iconmode .closemode{display:none}.modedark .check:checked~.iconmode .closemode{display:block}.Night{background:#0c0c0c;color:#fff}.Night #wrapper{background:#121212;color:#ddd}.Night #header-container{background:#000;color:#ddd}.Night #cssmenu ul ul li{background:#121212}.Night #cssmenu ul ul li a{color:#fff;background:#121212}#cssmenu ul ul li a,.Night #cssmenu ul li a,.Night .above-post-widget h2,.Night .artikel-terbaru a,.Night .latest-post-title h2,.Night .sidebar h2,.Night .sidebar-sticky h2,.Night h1.post-title,.Night h2.post-title a{color:#ddd}.Night #cssmenu ul li{background:#000}.Night .sidebar h2,.Night .sidebar-sticky h2{border-bottom:2px solid #ddd}.Night .sidebar h2::before,.Night .sidebar-sticky h2::before{background-color:#ddd}.Night .artikel-terbaru a:hover{color:#0078d4}.Night .PopularPosts ul li a,.Night .artikel-terbaru ul li::before{color:#ddd}.Night .author-profile>span{color:#595959}#Related ul li:hover a.judul,.Night #Related ul li a.judul,.Night #Related ul li a.judul:hover,.Night #comments .comment .comment-content,.Night .comments h3,.Night .tableOfContent #tocContent a,.comment .comment-body{color:#fff}.Night .tableOfContent{border-color:rgba(255,255,255,.1);background-color:#15202b}.Night .tableOfContent #tocContent ol ul:before,.post-body .tableOfContent #tocContent ul ol:before,.post-body .tableOfContent ol ol:before,.post-body .tableOfContent ul ul:before{border-left:1px dashed rgba(234,228,228,.2)}.Night #footer-wrapperx{background:#000}.Night #footbawah{background:#121212;color:#fff}.Night #footbawah a,.Night .Profile .profile-link,.Night .Profile .profile-name-link,.Night .related-post-style-3 .related-post-item-title{color:#ddd}
.section-center{position:fixed;width:100%;height:100%;top:50%;left:50%;display:none;overflow:hidden;z-index:5;pointer-events:none;box-shadow:0 0 50px 5px rgba(255,148,0,.1);transform:translate(-50%,-50%)}.section-center{-webkit-transition:all .5s linear;transition:all .5s linear}.shooting-star{z-index:2;width:1px;height:50px;border-bottom-left-radius:50%;border-bottom-right-radius:50%;position:absolute;top:0;left:-70px;background:linear-gradient(to bottom,rgba(255,255,255,0),#fff);animation:animShootingStar 6s linear infinite;-webkit-transition:all 2s linear;transition:all 2s linear}.shooting-star-2{z-index:2;width:1px;height:50px;border-bottom-left-radius:50%;border-bottom-right-radius:50%;position:absolute;top:0;left:200px;background:linear-gradient(to bottom,rgba(255,255,255,0),#fff);animation:animShootingStar-2 9s linear infinite;-webkit-transition:all 2s linear;transition:all 2s linear}.star{z-index:2;position:absolute;top:185px;left:25px;background-image:url(https://ivang-design.com//svg-load/air/star.png);background-size:15px 15px;width:15px;height:15px;opacity:.4;animation:starShine 3.5s linear infinite;-webkit-transition:all 1.2s linear;transition:all 1.2s linear}.star.snd{top:100px;left:310px;animation-delay:1s}.star.trd{top:130px;left:100px;animation-delay:1.4s}.star.fth{top:190px;left:200px;animation-delay:1.8s}.star.fith{top:85px;left:1080px;animation-delay:2.2s}@keyframes animShootingStar{from{transform:translateY(0) translateX(0) rotate(-45deg);opacity:1;height:5px}to{transform:translateY(1280px) translateX(1280px) rotate(-45deg);opacity:1;height:800px}}@keyframes animShootingStar-2{from{transform:translateY(0) translateX(0) rotate(-45deg);opacity:1;height:5px}to{transform:translateY(1920px) translateX(1920px) rotate(-45deg);opacity:1;height:800px}}@keyframes starShine{0%{transform:scale(.3) rotate(0);opacity:.4}25%{transform:scale(1) rotate(360deg);opacity:1}50%{transform:scale(.3) rotate(720deg);opacity:.4}100%{transform:scale(.3) rotate(0);opacity:.4}}

Code JS DarkMode Efek Bintang Jatuh » tempatkan di atas </body>

	
        <div class='section-center'>
<div class='shooting-star'/>
<div class='shooting-star-2'/>
<div class='star'/>
<div class='star snd'/>
<div class='star trd'/>
<div class='star fth'/>
<div class='star fith'/>
</div>

Code HTML Sitemap blog AMP » tempatkan pada Halaman dengan Mode HTML

	
		<amp-iframe noloading title="Sitemap Kompi Ajaib"
              src="https://cdn.staticaly.com/gh/KompiAjaib/kompi-html/master/sitemaps-amp.html?url=ISI DENGAN URL HOMEPAGE BLOG ANDA"
              height="750"
              layout="fixed-height"
              frameborder="0"
              sandbox="allow-forms allow-scripts allow-same-origin allow-modals allow-popups">
    <amp-img noloading src="https://2.bp.blogspot.com/-rRo__E6FsPs/Ws7U-IT8KNI/AAAAAAAAw_Q/qCwa6vKHgTIB-ytesdA4FlKrXMRYt5NMACLcBGAs/s1600/placeholder.png"
            layout="fixed-height"
            height="750"
            width="auto"
            placeholder>
    </amp-img>
</amp-iframe>

Code HTML Sitemap blog non-AMP » tempatkan pada Halaman dengan Mode HTML

	
		<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.
* URL: https://plus.google.com/108949996304093815163/about
*/
var tabbedTOC={blogUrl:"ISI DENGAN URL HOMEPAGE BLOG ANDA",containerId:"tabbed-toc",activeTab:1,showDates:!0,showSummaries:!1,numChars:200,showThumbnails:!0,thumbSize:60,noThumb:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAA3NCSVQICAjb4U/gAAAADElEQVQImWOor68HAAL+AX7vOF2TAAAAAElFTkSuQmCC",monthNames:["Januari","Februari","Maret","April","Mei","Juni","Juli","Agustus","September","Oktober","November","Desember"],newTabLink:!0,maxResults:99999,preload:0,sortAlphabetically:!0,showNew:7,newText:' &ndash; <em style="color:red;">New!</em>'};
!function(a,b){var c=(new Date).getTime(),d={blogUrl:"http://dte-feed.blogspot.com",containerId:"tabbed-toc",activeTab:1,showDates:!1,showSummaries:!1,numChars:200,showThumbnails:!1,thumbSize:40,noThumb:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAA3NCSVQICAjb4U/gAAAADElEQVQImWOor68HAAL+AX7vOF2TAAAAAElFTkSuQmCC",monthNames:["Januari","Februari","Maret","April","Mei","Juni","Juli","Agustus","September","Oktober","November","Desember"],newTabLink:!0,maxResults:99999,preload:0,sortAlphabetically:!0,showNew:!1,newText:' &ndash; <em style="color:red;">Baru!</em>'};if("undefined"==typeof tabbedTOC)tabbedTOC=d;else for(var e in d)d[e]="undefined"!=typeof tabbedTOC[e]?tabbedTOC[e]:d[e];a["clickTabs_"+c]=function(a){for(var b=document.getElementById(d.containerId),c=b.getElementsByTagName("ol"),e=b.getElementsByTagName("ul")[0],f=e.getElementsByTagName("a"),g=0,h=c.length;h>g;++g)c[g].style.display="none",c[parseInt(a,10)].style.display="block";for(var i=0,j=f.length;j>i;++i)f[i].className="",f[parseInt(a,10)].className="active-tab"},a["showTabs_"+c]=function(e){for(var f=parseInt(e.feed.openSearch$totalResults.$t,10),g=d,h=e.feed.entry,i=e.feed.category,j="",l=0;l<(g.showNew===!0?5:g.showNew)&&l!==h.length;++l)h[l].title.$t=h[l].title.$t+(g.showNew!==!1?g.newText:"");h=g.sortAlphabetically?h.sort(function(a,b){return a.title.$t.localeCompare(b.title.$t)}):h,i=g.sortAlphabetically?i.sort(function(a,b){return a.term.localeCompare(b.term)}):i,j='<span class="toc-line"></span><ul class="toc-tabs">';for(var m=0,n=i.length;n>m;++m)j+='<li class="toc-tab-item-'+m+'"><a onclick="clickTabs_'+c+"("+m+');return false;" onmousedown="return false;" href="javascript:;">'+i[m].term+"</a></li>";j+="</ul>",j+='<div class="toc-content">';for(var o=0,n=i.length;n>o;++o){j+='<ol class="panel" data-category="'+i[o].term+'"',j+=o!=g.activeTab-1?' style="display:none;"':"",j+=">";for(var p=0;f>p&&p!==h.length;++p){for(var q,r=h[p],s=r.published.$t,t=g.monthNames,u=r.title.$t,v=("summary"in r&&g.showSummaries===!0?r.summary.$t.replace(/<br *\/?>/g," ").replace(/<.*?>/g,"").replace(/[<>]/g,"").substring(0,g.numChars)+"&hellip;":""),w=("media$thumbnail"in r&&g.showThumbnails===!0?'<img class="thumbnail" style="width:'+g.thumbSize+"px;height:"+g.thumbSize+'px;" alt="" src="'+r.media$thumbnail.url.replace(/\/s\d(\-c)?\//,"/s"+g.thumbSize+"-c/")+'"/>':'<img class="thumbnail" style="width:'+g.thumbSize+"px;height:"+g.thumbSize+'px;" alt="" src="'+g.noThumb.replace(/\/s\d(\-c)?\//,"/s"+g.thumbSize+"-c/")+'"/>'),x=r.category||[],y=g.showDates?'<time datetime="'+s+'" title="'+s+'">'+s.substring(8,10)+" "+t[parseInt(s.substring(5,7),10)-1]+" "+s.substring(0,4)+"</time>":"",z=0,A=r.link.length;A>z;++z)if("alternate"===r.link[z].rel){q=r.link[z].href;break}for(var B=0,C=x.length;C>B;++B){var D=g.newTabLink?' target="_blank"':"";x[B].term===i[o].term&&(j+='<li title="'+x[B].term+'"',j+=g.showSummaries?' class="bold"':"",j+='><a href="'+q+'"'+D+">"+u+y+"</a>",j+=g.showSummaries?'<span class="summary">'+w+v+'<span style="display:block;clear:both;"></span></span>':"",j+="</li>")}}j+="</ol>"}j+="</div>",j+='<div style="clear:both;"></div>',b.getElementById(g.containerId).innerHTML=j,a["clickTabs_"+c](g.activeTab-1)};var f=b.getElementsByTagName("head")[0],g=b.createElement("script");g.src=d.blogUrl.replace(/\/+$|[\?&#].*$/g,"")+"/feeds/posts/summary?alt=json-in-script&max-results="+d.maxResults+"&orderby=published&callback=showTabs_"+c,"onload"!==d.preload?a.setTimeout(function(){f.appendChild(g)},d.preload):a.onload=function(){f.appendChild(g)}}(window,document);</script>