/* Set the width of the side navigation to 250px */ function openNav() { document.getElementById("myTopnav").style.left = "0"; } /* Set the width of the side navigation to 0 */ function closeNav() { document.getElementById("myTopnav").style.left = "-250px"; } // Add active class to the current button (highlight it) var btns = document.getElementsByClassName("dropbtn"); for (var i = 0; i < btns.length; i++) { btns[i].addEventListener("click", function() { var current = document.getElementsByClassName("active"); if (current.length > 0) { current[0].className = current[0].className.replace(" active", ""); } this.className += " active"; }); } // Close the dropdown if the user clicks outside of it window.onclick = function(event) { if (!event.target.matches('.dropbtn')) { var dropdowns = document.getElementsByClassName("dropbtn"); var i; for (i = 0; i < dropdowns.length; i++) { var openDropdown = dropdowns[i]; if (openDropdown.classList.contains('active')) { openDropdown.classList.remove('active'); } } } } function menuoverlayOn() { document.getElementById("menuoverlay").style.display = "block"; } function menuoverlayOff() { document.getElementById("menuoverlay").style.display = "none"; } function addClassBody() { var element, name, arr; element = document.body; name = "flow"; arr = element.className.split(" "); if (arr.indexOf(name) == -1) { element.className += " " + name; } } function removeClassBody() { var element = document.body; element.className = element.className.replace(/\bflow\b/g, ""); } var lazyaddthis = false; window.addEventListener("scroll", function(){ if ((document.documentElement.scrollTop != 0 && lazyaddthis === false) || (document.body.scrollTop != 0 && lazyaddthis === false)) { (function() { var ad = document.createElement('script'); ad.type = 'text/javascript'; ad.src = 'https://s7.addthis.com/js/300/addthis_widget.js#pubid='+AddThisPubID+''; var sc = document.getElementsByTagName('script')[0]; sc.parentNode.insertBefore(ad, sc); })(); // SIMPAN KODE JAVASCRIPT DISQUS DI BAWAH INI (function() { // DON'T EDIT BELOW THIS LINE var d = document, s = d.createElement('script'); s.src = '//'+shortname+'.disqus.com/embed.js'; s.setAttribute('data-timestamp', +new Date()); (d.head || d.body).appendChild(s); })(); lazyaddthis = true; } }, true); function jump(h){ var top = document.getElementById(h).offsetTop; window.scrollTo(0, top); } /*! Related Post Widget for Blogger by Taufik Nurrohman => http://gplus.to/tovic */ var randomRandomIndex,showRandomPost;(function(n,m,k){var d={widgetTitle:"",widgetStyle:1,homePage:"https://www.realtuts.com/",numPosts:10,summaryLength:370,titleLength:"auto",thumbnailSize:90,noImage:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAA3NCSVQICAjb4U/gAAAADElEQVQImWOor68HAAL+AX7vOF2TAAAAAElFTkSuQmCC",containerId:"random-post",newTabLink:false,moreText:"Baca Selengkapnya",callBack:function(){}};for(var f in RandomPostConfig){d[f]=(RandomPostConfig[f]=="undefined")?d[f]:RandomPostConfig[f]}var j=function(a){var b=m.createElement("script");b.type="text/javascript";b.src=a;k.appendChild(b)},o=function(b,a){return Math.floor(Math.random()*(a-b+1))+b},l=function(a){var p=a.length,c,b;if(p===0){return false}while(--p){c=Math.floor(Math.random()*(p+1));b=a[p];a[p]=a[c];a[c]=b}return a},h=function(b){var c=b.feed.openSearch$totalResults.$t-d.numPosts,a=o(1,(c>0?c:1));j(d.homePage.replace(/\/$/,"")+"/feeds/posts/summary?alt=json-in-script&orderby=updated&start-index="+a+"&max-results="+d.numPosts+"&callback=showRandomPost")},g=function(z){var s=document.getElementById(d.containerId),x=l(z.feed.entry),A=d.widgetStyle,c=d.widgetTitle+'