mengenal dasar pemrograman HTML

admin udin

0 • menit membaca

Daftar Isi

Mengenal dasar pemrograman HTML

Mendesain HTML berarti melakukan suatu tindakan pemrograman. Web yang merupakan implementasi dari HTML yang merupakan refleksi dari orang yang membuatnya. Untuk itu kita perlu memprogramnya dengan baik agar para netter merasa tertarik dan betah untuk mengunjunginya bahkan kalau bisa mem-bookmark-nya.

Scripting HTML dapat dilakukan dengan menggunakan HTML editor (WYSIWYG), seperti macromedia dreamweaver. Cara lainnya yaitu dengan menuliskan script sendiri menggunakan teks editor biasa, seperti notepad. Ada kelebihan dan kekurangan dari dua cara di atas. Kelebihan cara pertama, proses desain web akan lebih mudah dan menyenangkan karena hasilnya dapat langsung dilihat dan energy tidak banyak di keluarkan. Namun kekurangannya, dengan HTML editor (khususnya HTML editor non bahasa pemrograman), kita tidak dapat menyisipkan suatu script tertentu seperti javaScript, VBscript dan lain-lain. Sedangkan dengan cara yang kedua, energy kita cukup banyak terkuras hanya untuk mengetikkan script tersebut agar dapat di tampilkan oleh web browser. Namun kelebihannya kita, kita bebas menyisipkan suatu perintah, bahkan perintah yang bukan merupakan default HTML.

Nah kali ini anda bisa belajar lebih detail mengenai dasar-dasar HTML.

Bagian-bagian HTML

HTML terdiri dari beberapa bagian yang fungsinya sebagai penanda suatu kelompok perintah tertentu, misalnya kelompok perintah form yang di tandai dengan kode

, judul dengan </span>dan sebagainya.</div><div class="MsoNormalCxSpMiddle"><b style="mso-bidi-font-weight: normal;">Elemen dan tag </b></div><div class="MsoNormalCxSpMiddle">Elemen pada HTML dapat di definisikan sebagai suatu kode tertentu yang akan menyediakan tempat untuk meletakkan beberapa kode di dalamnya. Beberapa dengan tag yang menangani satu kode saja. Untuk lebih lanjutnya perhatikan skema elemen di bawah ini.</div><div class="MsoNormalCxSpMiddle"> </div><div class="MsoNormalCxSpMiddle"> <a href=" "><img alt=" berarti melakukan suatu tindakan pemrograman mengenal dasar pemrograman HTML" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAmwAAACgCAIAAAA+QqeUAAAF/klEQVR4nO3dzc6jNgCGUe7/Anq76WLUURT/YL9ADOk5i4rx5yR0k0cmCG8vACCy/QMARLbVFQeApxJRAAiJKACERBQAQiIKACERBYDQXES3bdu2c7p74lsBwBLTGWuVLyiiiALwaCIKAKHRjP0N3kURFVQAHmcnXdt/3kfK8e3N6+33znKwE85yAgDcWXNZ2erZRzvfxzvTRl4y8ukAcB/1TPZe0KhgGdHZl8yeCQCslaxEd48Hp1mJAvBo4W+i/ePBaX4TBeDR5u7O7dwo1PrTyPHLlVsAHki6ACAkogAQElEACIkoAIREFABCIgoAIREFgJCIAkBIRAEgtCaiJz7ez5MCAVhlWX5OLJ+IArCEiAJA6Nv5ueKJ81N7lALAWb6UnNaWatXx1khrmi3VAFji2tJ0elbdB626pqweVI/HPx0AjrswMP16tXq5u+4s33k3kzoKwBVWrkTL4/7M2YhaiQJwqcW/iX4cV5s3ezlXOwH4jjV3537cFlRGsTVSfVXnSi8AXEdyACAkogAQElEACIkoAIREFABCIgoAIREFgJCIAkBIRAEg9H+JaP/5ul8+mfIcZseXnzMArx+OaCczs5vAXKr1POHOtP5MAL7mZ7+LnxIkEQV4rl/7Lh55Ev1UkE7MVWeDmt3PWnXOAHT8yLdtfyuY3V1iWu/TGYzP7eNP5bQ7nDMAI579JTvYp1dRneqfdq+sTpVpd/LUwvQ75wzAlAd/t/bDkAWpXPMFHz0yoTpn7TkDMOvZX6zXrURnP2528j3PGYApP/LdWqYiXtWNvPnBcyvP4W7nDMCIX/uSLa9zvoqijPxpfKmXnVtrwt3OGYAO37YAEBJRAAiJKACERBQAQiIKACERBYCQiAJASEQBICSiABC6S0Tfn8Vz1ht6cA8Al7pFZjoPiT3rbQHgdLfIjIgC8ETfzkwZtpHtTY5/lqACcLovpaWzM1c1ouX8zkhrWvnOfigF4ETXFmW3W9WFabmlV3VNWT2oHs+eFQCMuDAkI5XqX92tbpnZWZ7OXhnWUQCOWLkS3b2626pj66+DEbUSBeAUK38TnYpoZ806eDlXOwE417K7c1sF/du58lJtZ6T6qs6VXgA4TloAICSiABASUQAIiSgAhEQUAEIiCgAhEQWAkIgCQEhEASC0JqLx4/c8tw+A+1gWpLiFIgrATYgoAITu9QD6qXc4OAcADlq2FVp1q5ZXbbeWV7E3S3Ww8xIAuMKyTbnLTc1ejV21qzPfJ5THg+cAAEdcmJZ+t1q9HBzsHwfnAwCzVq5Ey3/ORrQ1Z/AcAOCIlb+JHr+cuzuonQBcZ/HduZ0bglp3CZVprI5c978AAH/8QmwkE4AlfiE/IgrAEg/Oz+4tRQBwqQcXyK1DAKylQAAQElEACIkoAIREFABCIgoAIREFgJCIAkBIRAEgJKIAEBJRAAiJKACERBQAQiIKACERBYCQiAJASEQBICSiABASUQAIiSgAhEQUAEIiCgAhEQWAkIgCQEhEASB0l4hu2/bnv38OgpdnLwSA2C3C896/uIUiCsCX3SI8IgrAE307PGXqPkYujajQAnCiL0Vl+0/1T+U/y/nbm+rb/h3/GOy8BACOuLYlu8WqLkw/clhOK+9CKkvZ+YjBcwOAvgsTkl1fbfVycLB/HJ8nAJRWrkSnru4ODvbnjJ8bAOxa+ZtoK6LHL+fuDmonAMctuzu3vzzt3BBUHXzVkjmYbQDI/HJUJBOAS/1yZkQUgEv9YGZ2bykCgFP8YGncOgTAdygNAIREFABCIgoAIREFgJCIAkDoaERbTws68oZurAXgEQ7lamSzlKCIIgrAI4goAIRGc1XdDqU/oT8++FmCCsBt7W9Y3fqRsrM92ccOZeVGK+VgJ5yeQATAPTWXj/1uVRem7+1szSwTu/uS8bMCgG/aX2LWX9a9utuP6OxLsjMEgKsla77dq7sXRdRKFIBbSX4T/XJEtROAe5q+O7dV0NaNQq0/jRy3Pg4A7kCiACAkogAQElEACIkoAIREFABCIgoAIREFgJCIAkBIRAEg9C/1nlyRQ6CutgAAAABJRU5ErkJggg==" /></a></div><div class="MsoNormalCxSpLast">Keterangan :</div><div class="MsoListParagraphCxSpFirst" style="margin-left: .25in; mso-add-space: auto; mso-list: l0 level1 lfo1; text-indent: -.25in;"><span style="font-family: Wingdings;">Ø<span style="font: 7pt "Times New Roman";"> </span></span>Dokumen HTML selalu diawali dengan tag pembuka <span style="font-family: "Bell MT","serif";"><html> </span>dan di akhiri dengan tag penutup <span style="font-family: "Bell MT","serif";"></html>.</span></div><div class="MsoListParagraphCxSpMiddle" style="margin-left: .25in; mso-add-space: auto; mso-list: l0 level1 lfo1; text-indent: -.25in;"><span style="font-family: Wingdings;">Ø<span style="font: 7pt "Times New Roman";"> </span></span>Pada dokumen head<span style="font-family: "Bell MT","serif";"> <head> </head> </span>, anda dapat memasukkan kode-kode untuk menuliskan keterangan tentang dokumen HTML</div><div class="MsoListParagraphCxSpLast" style="margin-left: .25in; mso-add-space: auto; mso-list: l0 level1 lfo1; text-indent: -.25in;"><span style="font-family: Wingdings;">Ø<span style="font: 7pt "Times New Roman";"> </span></span>Elemen body <span style="font-family: "Bell MT","serif";"><body> </body></span> berisi tag-tag untuk isi atau layout tampilan situs anda</div><div class="MsoNormal">Jadi jelas bahwa elemen merupakan suatu bagian yang besar yang terdiri dari kode-kode yang di sebut tag itu.</div><div class="MsoNormal">Sedangkan tag hanyalah merupakan bagian dari <i style="mso-bidi-font-style: normal;">elemen</i>. <i style="mso-bidi-font-style: normal;">Tag</i> adalah kode kode yang di gunkana untuk mensetting dokumen HTML, secara garis besar bentuk umum tag adalah :</div><div class="MsoNormal" style="text-indent: .5in;"><span style="font-family: "Bell MT","serif";"><</span>tag-awal<span style="font-family: "Bell MT","serif";">>teks</</span>tagakhir<span style="font-family: "Bell MT","serif";">></span></div><div class="MsoNormal">Namun ada juga tag yang tidak perlu memakai penutup, seperti <br>, <hr>, <img>, <p> dan lain-lain.</div></div> </div> <div id='share-container'> <div id='share-btns'> <span class='share-title'><span class='icon-share'></span></span> </div> </div> <script> let blogPostUrl = "https://www.udinblog.com/2023/05/mengenal-dasar-pemrograman-html.html"; let blogPostTitle = `mengenal dasar pemrograman HTML`; let blogPostImage = "data:image/png;base64,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"; //<![CDATA[ !function(){const o=encodeURI(blogPostUrl),i=encodeURI(blogPostImage);let l=encodeURIComponent(blogPostTitle);l=l.replace(/'/g,""),l=l.replace(/"/g,"");const t=document.getElementById("share-container"),e=document.getElementById("share-btns"),n=globalSettings.shareButtons;0<n.length&&(t.classList.add("show"),n.forEach(function(t){e.appendChild(function(t){let e=document.createElement("button"),n=document.createElement("i");return e.setAttribute("aria-label",t),e.setAttribute("class",t),e.setAttribute("title",t),e.setAttribute("rel","nofollow noreferrer"),n.setAttribute("class","icon-"+t),e.appendChild(n),"facebook"===t&&e.setAttribute("onclick","window.open('https://www.facebook.com/sharer.php?u="+o+"', '_blank', 'width=600,height=600')"),"twitter"===t&&e.setAttribute("onclick","window.open('https://twitter.com/intent/tweet?text="+l+"&url="+o+"', '_blank', 'width=600,height=600')"),"whatsapp"===t&&e.setAttribute("onclick","window.open('https://api.whatsapp.com/send?phone=&text="+l+"%20%2D%20"+o+"', '_blank', 'width=600,height=600')"),"telegram"===t&&e.setAttribute("onclick","window.open('https://t.me/share/url?url="+o+"&text="+l+"', '_blank', 'width=600,height=600')"),"pinterest"===t&&e.setAttribute("onclick","window.open('https://pinterest.com/pin/create/button/?url="+o+"&media="+i+"&description="+l+"', '_blank', 'width=600,height=600')"),"email"===t&&e.setAttribute("onclick","window.open('mailto:?subject="+l+"&body="+l+" - "+o+"', '_blank', 'width=600,height=600')"),e}(t))}))}(); //]]> </script> <div id='ms-related-post'></div> <div id='ms-iklan-multiplex'></div> <script> let relatedPostConfig = { postLabels : ["komputer", "pemrograman"], blogLanguage : "in", postUrl : "https://www.udinblog.com/2023/05/mengenal-dasar-pemrograman-html.html", homePageUrl : "https://www.udinblog.com/", relatedTitleText : "Artikel Terkait", bacaJugaTitle : "Baca Juga", noThumb : "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhuHWVrmz42zPgbfK_aNTG4Plyx69vdHoS4s21kZWDQqqXGFiIbMamLvWK7Afpvwqx6qNnJo4ynaj4-qd9kwOMCP_SZ3HDeLB5yotfV4KgkHGKy4rrPBbw2LRQVOlJL5QJnGcltPS1A8Z-pQIerQG7HpWnPkdJ18LL406RJouMRgs9dw3F1AH6ZK1j9OsYl/w420-h280-e90-lo-c-rw/rect234.png", imgBlank : "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAACCAYAAACddGYaAAAACXBIWXMAAA7DAAAOwwHHb6hkAAAAGXRFWHRTb2Z0d2FyZQB3d3cuaW5rc2NhcGUub3Jnm+48GgAAABJJREFUCJlj/P//PwMMMDEgAQBIBgMBiYFHzwAAAABJRU5ErkJggg==" }; //<![CDATA[ // related post js from www.dte.web.id modified by sugeng.id let relatedPosts,relatedPostsRandomized;function ajaxRelatedPosts(){let r=globalSettings.relatedPosts,m=globalSettings.relatedPostsThumb,f=globalSettings.relatedPostsTotal;if(r){let t=document.getElementById("ms-related-post"),l=relatedPostConfig.postUrl,a=relatedPostConfig.homePageUrl.replace(/\/$/,""),o=relatedPostConfig.relatedTitleText,e=relatedPostConfig.postLabels,s,c,g=(c="in"==relatedPostConfig.blogLanguage?["Jan","Feb","Mar","Apr","Mei","Jun","Jul","Agu","Sep","Okt","Nov","Des"]:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],function(e){let t,a,l=e.length;if(0===l)return!1;for(;--l;)t=Math.floor(Math.random()*(l+1)),a=e[l],e[l]=e[t],e[t]=a;return e});s="object"==typeof e&&0<e.length?"/-/"+g(e)[0]:"",s=s.replace("&","&"),r=function(e){let s=g(e.feed.entry),r='<div class="related-title"><h2 class="ms-title">'+o+"</h2></div>";for(let a=0;a<s.length;a++)for(let e=0,t=s[a].link.length;e<t;e++)s[a].link[e].href==l&&s.splice(a,1);if(0==s.length)return t.innerHTML="",void console.log("No Related Posts");m?r+='<ul class="ms-related-hasthumb">':r+='<ul class="ms-related-nothumb">';for(let o=0;o<f&&o<s.length;o++){var n,d=s[o];let a,e,t;var i=d.title.$t,u=d.author[0].name?d.author[0].name.$t:"Anonymous";let l=d.updated.$t;l=l.split("T")[0].split("-"),l=l[2]+" "+c[+l[1]-1]+", "+l[0],e="media$thumbnail"in d?(e=d.media$thumbnail.url.replace(/.*?:\/\//g,"//").replace(/s72-(c|.*?-c)/,"w420-h280-lo-c-rw"),(h=e).includes("img.youtube.com")?h.replace("default.jpg","hqdefault.jpg"):h):"content"in d?(h=/<img +(.*?)src=(['"])([^'"]+?)(['"])(.*?) *\/?>/i.exec(d.content.$t))&&h[3]?h[3]:relatedPostConfig.noThumb:relatedPostConfig.noThumb;for(let e=0,t=d.link.length;e<t;e++)a="alternate"==d.link[e].rel?d.link[e].href:"#";t=m?'<div class="related-thumb-outer"><a href="'+a+'"><img alt="'+i+'" class="related-thumb lazyload" src="'+relatedPostConfig.imgBlank+'" data-src="'+e+'" width="420" height="280"></a></div>':"",n='<div class="related-title-outer">',n=(n+='<a class="related-post-title" href="'+a+'">'+i+"</a>")+('<div class="post-meta-bottom"><span class="author-by">By</span> <span class="author-name">'+u+'</span><span class="post-meta-separator"> • </span><span>'+l+"</span></div>")+"</div>",r+="<li>"+t+n+"</li>"}var h;t.innerHTML=r+="</ul>"},fetch(a+"/feeds/posts/summary"+s+"?alt=json&orderby=updated&max-results=0").then(e=>{if(!e.ok)throw new Error("Please enable Blog Feed");return e.json()}).then(e=>{e=e.feed.openSearch$totalResults.$t-(f+1),e=1<e?1+Math.floor(Math.random()*e):1,e=a+"/feeds/posts/default"+s+"?alt=json&orderby=updated&start-index="+e+"&max-results="+(f+1);return fetch(e)}).then(e=>e.json()).then(e=>{r(e),Defer.dom("img.lazyload",0,"loaded",null,{rootMargin:"1px"})}).catch(e=>{console.log(e)})}}Defer(ajaxRelatedPosts,0,!1); let bacaJuga,bacaJugaRandomized;!function(){if(globalSettings.bacaJuga){var t=globalSettings.lokasiBacaJuga/100;let r=document.createElement("div"),e=document.querySelector(".post-body");function a(e,t){t?t.parentNode.insertBefore(e,t.nextSibling):console.log("missing p or br tag")}function o(e){e&&"BR"==e.tagName&&(e.style.display="none")}var n=e.querySelectorAll("p:not(table p, ul p, ol p, blockquote p, pre p, .notification-box p, .accordion-content p), br:not(table br, ul br, ol br, blockquote br, pre br, .notification-box br, .accordion-content br)"),n=n[2*Math.floor(n.length*t/2)],t=e.querySelector("#related");r.setAttribute("class","baca-juga"),r.innerHTML="<strong>"+relatedPostConfig.bacaJugaTitle+':</strong> <span class="bacajuga-loading">loading</span>';t?(a(r,t),o(t)):(a(r,n),o(n)),Defer(function(){let l=relatedPostConfig.postUrl,t=relatedPostConfig.homePageUrl.replace(/\/$/,""),e=relatedPostConfig.postLabels,a;a="object"==typeof e&&0<e.length?"/-/"+function(e){let t,a,o=e.length;if(0===o)return!1;for(;--o;)t=Math.floor(Math.random()*(o+1)),a=e[o],e[o]=e[t],e[t]=a;return e}(e)[0]:"",a=a.replace("&","&"),bacaJuga=function(e){let t=r.querySelector(".bacajuga-loading"),o=e.feed.entry;for(let a=0;a<o.length;a++)for(let e=0,t=o[a].link.length;e<t;e++)o[a].link[e].href==l&&o.splice(a,1);if(0!=o.length){var n=o[0],e=n.title.$t;let a;for(let e=0,t=n.link.length;e<t;e++)a="alternate"==n.link[e].rel?n.link[e].href:"#";e='<a href="'+a+'">'+e+"</a>",t.innerHTML=e,t.className=""}else r.style.display="none"},fetch(t+"/feeds/posts/summary"+a+"?alt=json&orderby=updated&max-results=0").then(e=>{if(!e.ok)throw document.querySelector(".post-body .baca-juga").style.display="none",new Error("Please enable Blog Feed");return e.json()}).then(e=>{e=e.feed.openSearch$totalResults.$t-1,e=1<e?1+Math.floor(Math.random()*e):1,e=t+"/feeds/posts/default"+a+"?alt=json&orderby=updated&start-index="+e+"&max-results=2";return fetch(e)}).then(e=>e.json()).then(e=>{bacaJuga(e)}).catch(e=>{console.log(e)})},0,!1)}}(); //]]> </script> <div class='lightbox' id='lightbox'></div> <script> //<![CDATA[ !function(){let e=document.querySelectorAll('.post-body img[loading="lazy"]');0!=e.length&&e[0].setAttribute("loading","eager")}(); !function(){var t=document.querySelector(".post-body #landing-page");const e=document.getElementById("sticky-container");if(t)e.style.display="none";else if(e.style.display="block",globalSettings.toc){t=globalSettings.tocHeading;let e=document.getElementById("ToC");if(headings=document.querySelectorAll(".post-body "+t),!(headings.length<=1)){e.classList.add("toc-show"),tocList=document.createElement("ul");const n=new IntersectionObserver(e=>{e.forEach(e=>{var t=e.target.getAttribute("id");0<e.intersectionRatio?document.querySelector(`#ToC li a[href="#${t}"]`).parentElement.classList.add("active"):document.querySelector(`#ToC li a[href="#${t}"]`).parentElement.classList.remove("active")})});Array.from(headings).forEach(function(e,t){var i=e.innerText,t=t+1+"-"+i.replace(/^\s+|\s+$/g,"").toLowerCase().replace(/[^a-z0-9 -]/g,"").replace(/\s+/g,"-").replace(/-+/g,"-");e.id=t,tocListItem=document.createElement("li"),tocEntry=document.createElement("a"),tocEntry.setAttribute("href","#"+t),tocEntry.innerText=e.innerText,tocListItem.appendChild(tocEntry),tocList.appendChild(tocListItem),n.observe(e)}),e.appendChild(tocList);{let e=document.getElementById("ToC-title"),t=e.nextElementSibling,i=t.clientHeight;globalSettings.tocDefaultHide?(e.classList.add("hide"),t.classList.add("hide"),t.style.height="0px"):t.style.height=i+"px",e.addEventListener("click",function(){e.classList.toggle("hide"),t.classList.toggle("hide"),"hide"===t.className?t.style.height="0px":t.style.height=i+"px"}),window.addEventListener("resize",function(){"hide"!==t.className&&(t.style.height="auto",i=t.clientHeight,t.style.height=i+"px")})}}}}(); !function(){var e=document.querySelector(".content-single .post-body");const t=document.querySelector(".reading-time-wrap");if(globalSettings.estimatedReadingTime&&t){const n=e.innerText;e=n.trim().split(/\s+/).length,e=Math.ceil(e/225);t.querySelector(".reading-time").innerText=e,t.classList.add("show")}}(); //]]> </script> </div> <section class='comments comments-non-threaded embed' data-num-comments='0' id='comments'> <a name='comments'></a> <h2 class='comments-title'> Posting Komentar </h2> <div id='Blog1_comments-block-wrapper'> </div> <div class='comment-footer'> <div class='add-new-comment hide'><button class='add-new-comment-btn'>Posting Komentar</button></div> <div class='custom-comment-form' id='custom-comment-form'> <a aria-label='comment editor URL' href='https://www.blogger.com/comment/frame/1594461156350625250?po=1534405257558338109&hl=id&saa=73852&skin=contempo' id='comment-editor-src'></a> <div class='custom-comment-editor-wrapper'> <iframe class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' id='comment-editor' name='comment-editor' src='' style='width:100%;' title='comment-editor' width='200'></iframe> <div class='loader'></div> </div> <script> let commentFormJs = ""; let commentFormJsURL = commentFormJs.match(/https?:\/\/[^\s]+.js/); let postAppRpcRelayPath = 'https://www.blogger.com/rpc_relay.html'; let postCommunityId = '0'; //<![CDATA[ Defer.js(commentFormJsURL, 'commentjs', 0, function(){ BLOG_CMT_createIframe(postAppRpcRelayPath, postCommunityId); !function(){let s=document.getElementById("comment-editor");if(s){let n=s.src.split("#"),i=document.getElementById("custom-comment-form"),l=document.querySelector(".add-new-comment");document.addEventListener("click",function(t){if("btn-reply"===t.target.className){l.classList.remove("hide");t=t.target.dataset.commentId;let e=document.getElementById("c"+t).querySelector(".comment-starter");s.style.visibility="hidden",s.nextElementSibling.style.display="block",s.src=n[0]+"&parentID="+t+"#"+n[1],e.appendChild(i),s.onload=function(){this.style.visibility="visible",this.nextElementSibling.style.display="none"}}}),document.addEventListener("click",function(e){e=e.target.className;if("btn-cancel"==e||"add-new-comment-btn"==e){l.classList.add("hide");let e=document.querySelector(".toplevel-thread");s.style.visibility="hidden",s.nextElementSibling.style.display="block",s.src=n[0]+"#"+n[1],e.parentNode.insertBefore(i,e),s.onload=function(){this.style.visibility="visible",this.nextElementSibling.style.display="none"}}})}}(); }, 3500); //]]> </script> <button class='btn-cancel'> Batal </button> </div> </div> </section> </article> </div> </div></div> </div> <div id='ads-code-widget'> <div class='iklan-sticky no-items section' id='iklan-sticky'> </div> <div class='iklan-atas no-items section' id='iklan-atas'> </div> <div class='iklan-tengah1 no-items section' id='iklan-tengah1'> </div> <div class='iklan-tengah2 no-items section' id='iklan-tengah2'> </div> <div class='iklan-bawah no-items section' id='iklan-bawah'> </div> <div class='iklan-multiplex no-items section' id='iklan-multiplex'> </div> <script>//<![CDATA[ !function(){var e=globalSettings.lokasiIklanTengah1/100,n=globalSettings.lokasiIklanTengah2/100;function o(e){e&&"BR"==e.tagName&&(e.style.display="none")}function l(e,n){n&&void 0!==n&&n.parentNode.insertBefore(e,n.nextSibling)}let t=document.querySelector(".post-body"),u=document.getElementById("sticky-ad"),i=t.querySelectorAll("p:not(table p, ul p, ol p, blockquote p, pre p, .notification-box p, .accordion-content p), br:not(table br, ul br, ol br, blockquote br, pre br, .notification-box br, .accordion-content br)"),b=i[2*Math.floor(i.length*e/2)],g=i[2*Math.floor(i.length*n/2)],p=document.querySelector("#iklan-tengah1 .widget-content"),k=document.querySelector("#iklan-tengah2 .widget-content"),r=document.querySelector("#iklan-sticky .widget-content"),a=document.querySelector("#iklan-atas .widget-content"),c=document.querySelector("#iklan-bawah .widget-content"),y=t.querySelector("#iklan1"),h=t.querySelector("#iklan2");r&&"\n"!=r.innerHTML&&u.appendChild(r),a&&"\n"!=a.innerHTML&&t.insertBefore(a,t.childNodes[0]),c&&"\n"!=c.innerHTML&&t.appendChild(c);function d(e,n,t){1<i.length?e&&"\n"!=e.innerHTML&&(n?(l(e,n),o(n)):(l(e,t),o(t))):e.parentNode.removeChild(e)}d(p,y,b),d(k,h,g)}(); !function(){let e=document.querySelector("#ms-iklan-multiplex"),n=document.querySelector("#iklan-multiplex .widget-content");e?n&&"\n"!=n.innerHTML&&e.appendChild(n):n.parentNode.removeChild(n)}(); //]]> </script> </div> </main> <div id='html-widget-bottom-outer'> <div class='html-widget-bottom no-items section' id='html-widget-bottom'> </div> </div> <aside id='aside-bottom'> <div class='container'> <div class='aside-bottom-widgets section' id='aside-bottom-widget1'><div class='widget Profile' data-version='2' id='Profile1'> <div class='widget-title'> <h2 class='title c-widget-title'>About</h2> </div> <div class='widget-content individual'> <div class='profile-info-top'> <div class='profile-avatar'> <a href='https://www.blogger.com/profile/18161735562770704878' rel='nofollow'> </a> </div> <div class='profile-meta'> <div class='profile-meta-top'> <a class='profile-link-author' href='https://www.blogger.com/profile/18161735562770704878' rel='author nofollow'> admin udin </a> </div> <div class='profile-meta-bottom'> </div> </div> </div> <div class='profile-info-bottom'> <a class='profile-link' href='https://www.blogger.com/profile/18161735562770704878' rel='author nofollow noopener noreferrer' target='_blank'> <span class='icon-new-window'></span> Lihat profil lengkapku </a> </div> </div> </div><div class='widget HTML' data-version='2' id='HTML71'> <div class='widget-content sosmed-icons'> <a aria-label="facebook-icon" href="https://www.facebook.com/katacinta46"><span class="social-icon facebook-icon"><i></i></span></a> <a aria-label="twitter-icon" href="https://twitter.com/jatilenggert"><span class="social-icon twitter-icon"><i></i></span></a> <a aria-label="youtube-icon" href="https://www.youtube.com/kastilmainan"><span class="social-icon youtube-icon"><i></i></span></a> <a aria-label="pinterest-icon" href="https://pinterest.com/jatilenggertv/"><span class="social-icon pinterest-icon"><i></i></span></a> <a aria-label="tiktok-icon" href="https://www.tiktok.com/@jatilenggertv"><span class="social-icon tiktok-icon"><i></i></span></a> </div> </div></div> <div class='aside-bottom-widgets section' id='aside-bottom-widget2'><div class='widget PageList' data-version='2' id='PageList1'> <div class='widget-title'> <h2 class='title'>Halaman</h2> </div> <div class='widget-content'> <ul> <li> <a href='http://www.udinblog.com/'><span class='icon-page'></span> Beranda</a> </li> <li> <a href='https://www.udinblog.com/p/privacy-policy.html'><span class='icon-page'></span> Privacy Policy</a> </li> <li> <a href='https://www.udinblog.com/p/sitemap.html'><span class='icon-page'></span> Sitemap</a> </li> <li> <a href='https://www.udinblog.com/p/disclaimer.html'><span class='icon-page'></span> Disclaimer</a> </li> <li> <a href='https://www.udinblog.com/p/contact-us.html'><span class='icon-page'></span> Contact Us</a> </li> </ul> </div> </div></div> </div> </aside> <footer id='footer'> <div class='container'> <div class='footer-text section' id='footer-text'><div class='widget HTML' data-version='2' id='HTML80'> <div class='footer-text'> © 2024 - <a href='https://www.udinblog.com/'>Udin Blog</a> </div> </div></div> <div class='back-to-top'> <span class='back-to-top-btn icon-arrow-down'></span> </div> <script> //<![CDATA[ !function(){var t=document.querySelectorAll("img[data-src],source[data-srcset]");0!=t.length&&Array.from(t).forEach(function(t){let e=t.getAttribute("data-src"),r=t.getAttribute("data-srcset");e&&(e=e.replace(/-p-k-no-nu/g,"-k-no-nu-e90-lo-l75-c-rw"),e=e.includes("i.ytimg.com")?e.replace("default.jpg","hqdefault.jpg"):e,t.setAttribute("data-src",e)),r&&(r=r.replace(/-p-k-no-nu/g,"-k-no-nu-e90-lo-l75-c-rw"),t.setAttribute("data-srcset",r))})}(); Defer.dom("img.lazyload",0,"loaded",null,{rootMargin:"1px"}),Defer.dom("picture.lazyload",0,"loaded",null,{rootMargin:"1px"}),Defer.dom(".lazy-youtube iframe",0,"youtube-loaded",null,{rootMargin:"1px"}); !function(){const s=document.body,e=document.querySelector("#header .container"),d=e.offsetHeight;let o=0;globalSettings.navShowOnScrollUp?window.addEventListener("scroll",function(){window.scrollY<2*d||(window.scrollY>o?(e.classList.remove("show"),s.classList.remove("header-show"),e.classList.add("hide"),s.classList.add("header-hide")):(e.classList.add("show"),s.classList.add("header-show"),e.classList.remove("hide"),s.classList.remove("header-hide")),o=window.scrollY)}):s.classList.add("header-show")}(); !function(){let t=document.querySelector(".navmenu-button"),e=document.querySelector("ul.nav-list"),n=document.querySelector(".navmenu-mobile"),o=document.querySelector(".navmenu-mobile .navmenu-list"),l=document.querySelector(".navmenu-overlay");if(e){o.appendChild(e.cloneNode(!0));{let o=document.querySelectorAll(".navmenu-mobile li.has-sub");for(let n=0;n<o.length;n++){let e=document.createElement("SPAN"),t=(e.setAttribute("class","ms-submenu-button"),o[n].insertBefore(e,o[n].lastElementChild),o[n].querySelector("ul"));e.addEventListener("click",function(){this.nextElementSibling.style.height?(this.nextElementSibling.style.height=null,this.classList.remove("ms-submenu-shown")):(this.nextElementSibling.style.height=t.scrollHeight+"px",this.classList.add("ms-submenu-shown"))})}}t.addEventListener("click",function(e){e.stopPropagation(),n.classList.toggle("menu-open"),this.classList.toggle("button-active"),document.body.classList.toggle("mobilemenu-open")}),n.addEventListener("click",function(e){e.stopPropagation()}),document.addEventListener("click",function(e){e.stopPropagation(),n.classList.remove("menu-open"),t.classList.remove("button-active"),document.body.classList.remove("mobilemenu-open")}),l.addEventListener("click",function(){n.classList.remove("menu-open")})}}(); !function(){let o=document.querySelector(".menu-label-ul"),c=document.querySelectorAll(".menu-label-ul li");if(o&&c){let l=document.querySelector(".menu-label-ul-more"),e=document.createElement("LI");function n(){let n=o.clientWidth,t=0;Array.from(c).forEach(function(e){t+=e.clientWidth,(t>n-22?l:o).appendChild(e)}),0<l.childNodes.length?o.appendChild(e):e.remove()}e.classList.add("more-button"),e.innerHTML='<span class="icon-menu2"></span>',n(),e.addEventListener("click",function(e){e.stopPropagation(),l.classList.toggle("show")}),document.addEventListener("click",function(e){"label-name"!=e.target.className&&l.classList.contains("show")&&l.classList.remove("show")}),window.addEventListener("resize",n)}}(); !function(){let o=document.querySelector("#search-box-container"),t=document.querySelector("#search-input"),n=document.querySelector(".search-btn"),c=document.querySelector(".search-btn span"),s=document.querySelector("#darkmode-option-container");function r(){o.classList.remove("opensearch"),n.classList.remove("opensearch"),c.classList.remove("icon-cross"),t.blur()}n.addEventListener("click",function(e){s.classList.contains("opendarkmode-option")&&s.classList.remove("opendarkmode-option"),o.classList.toggle("opensearch"),n.classList.toggle("opensearch"),c.classList.toggle("icon-cross"),o.classList.contains("opensearch")||(t.blur(),e.preventDefault()),e.stopPropagation()},!1),o.addEventListener("click",function(e){e.stopPropagation()},!1),document.addEventListener("click",function(e){r(),e.stopPropagation()},!1),document.addEventListener("keydown",function(e){"Escape"==e.key&&r()})}(); !function(){if(globalSettings.backToTopButton){const o=document.querySelector(".back-to-top-btn");document.addEventListener("scroll",()=>{500<window.scrollY?o.classList.add("show"):o.classList.remove("show")}),o.addEventListener("click",()=>{window.scrollTo({top:0,behavior:"smooth"})})}}(); !function(){var t=document.querySelectorAll(".accordion-container");let i="accordion-toggle",n="active";0!=t.lenght&&Array.from(t).forEach(function(t){t.addEventListener("click",function(t){let l=t.target;if(l.classList.contains(i)){let t=l.nextElementSibling;if(t){if(l.classList.contains(n))return l.classList.remove(n),void(t.style.maxHeight=null);let e=this.querySelectorAll("."+i+"."+n);for(let t=0;t<e.length;t++)e[t].classList.remove(n),e[t].nextElementSibling.style.maxHeight=null;l.classList.toggle(n),t.style.maxHeight=t.scrollHeight+"px"}}})})}(); // Glider.js by nickpiscitelli.github.io/Glider.js !function(e){"function"==typeof define&&define.amd?define(e):"object"==typeof exports?module.exports=e():e()}(function(){var a="undefined"!=typeof window?window:this,e=a.Glider=function(e,t){var o=this;if(e._glider)return e._glider;if(o.ele=e,o.ele.classList.add("glider"),(o.ele._glider=o).opt=Object.assign({},{slidesToScroll:1,slidesToShow:1,resizeLock:!0,duration:.5,easing:function(e,t,o,i,r){return i*(t/=r)*t+o}},t),o.animate_id=o.page=o.slide=0,o.arrows={},o._opt=o.opt,o.opt.skipTrack)o.track=o.ele.children[0];else for(o.track=document.createElement("div"),o.ele.appendChild(o.track);1!==o.ele.children.length;)o.track.appendChild(o.ele.children[0]);o.track.classList.add("glider-track"),o.init(),o.resize=o.init.bind(o,!0),o.event(o.ele,"add",{scroll:o.updateControls.bind(o)}),o.event(a,"add",{resize:o.resize})},t=e.prototype;return t.init=function(e,t){var o,i=this,r=0,s=0,l=(i.slides=i.track.children,[].forEach.call(i.slides,function(e,t){e.classList.add("glider-slide"),e.setAttribute("data-gslide",t)}),i.containerWidth=i.ele.clientWidth,i.settingsBreakpoint());t=t||l,"auto"!==i.opt.slidesToShow&&void 0===i.opt._autoSlide||(o=i.containerWidth/i.opt.itemWidth,i.opt._autoSlide=i.opt.slidesToShow=i.opt.exactWidth?o:Math.max(1,Math.floor(o))),"auto"===i.opt.slidesToScroll&&(i.opt.slidesToScroll=Math.floor(i.opt.slidesToShow)),i.itemWidth=i.opt.exactWidth?i.opt.itemWidth:i.containerWidth/i.opt.slidesToShow,[].forEach.call(i.slides,function(e){e.style.height="auto",e.style.width=i.itemWidth+"px",r+=i.itemWidth,s=Math.max(e.offsetHeight,s)}),i.track.style.width=r+"px",i.trackWidth=r,i.isDrag=!1,i.preventClick=!1,i.move=!1,i.opt.resizeLock&&i.scrollTo(i.slide*i.itemWidth,0),(l||t)&&(i.bindArrows(),i.buildDots(),i.bindDrag()),i.updateControls(),i.emit(e?"refresh":"loaded")},t.bindDrag=function(){function e(){t.mouseDown=void 0,t.ele.classList.remove("drag"),t.isDrag&&(t.preventClick=!0),t.isDrag=!1}var t=this;function o(){t.move=!0}t.mouse=t.mouse||t.handleMouse.bind(t);var i={mouseup:e,mouseleave:e,mousedown:function(e){e.preventDefault(),e.stopPropagation(),t.mouseDown=e.clientX,t.ele.classList.add("drag"),t.move=!1,setTimeout(o,300)},touchstart:function(e){t.ele.classList.add("drag"),t.move=!1,setTimeout(o,300)},mousemove:t.mouse,click:function(e){t.preventClick&&t.move&&(e.preventDefault(),e.stopPropagation()),t.preventClick=!1,t.move=!1}};t.ele.classList.toggle("draggable",!0===t.opt.draggable),t.event(t.ele,"remove",i),t.opt.draggable&&t.event(t.ele,"add",i)},t.buildDots=function(){var e=this;if(e.opt.dots){if("string"==typeof e.opt.dots?e.dots=document.querySelector(e.opt.dots):e.dots=e.opt.dots,e.dots){e.dots.innerHTML="",e.dots.setAttribute("role","tablist"),e.dots.classList.add("glider-dots");for(var t=0;t<Math.ceil(e.slides.length/e.opt.slidesToShow);++t){var o=document.createElement("button");o.dataset.index=t,o.setAttribute("aria-label","Page "+(t+1)),o.setAttribute("role","tab"),o.className="glider-dot "+(t?"":"active"),e.event(o,"add",{click:e.scrollItem.bind(e,t,!0)}),e.dots.appendChild(o)}}}else e.dots&&(e.dots.innerHTML="")},t.bindArrows=function(){var o=this;o.opt.arrows?["prev","next"].forEach(function(e){var t=o.opt.arrows[e];(t=t&&("string"==typeof t?document.querySelector(t):t))&&(t._func=t._func||o.scrollItem.bind(o,e),o.event(t,"remove",{click:t._func}),o.event(t,"add",{click:t._func}),o.arrows[e]=t)}):Object.keys(o.arrows).forEach(function(e){e=o.arrows[e],o.event(e,"remove",{click:e._func})})},t.updateControls=function(e){var n=this,t=(e&&!n.opt.scrollPropagate&&e.stopPropagation(),n.containerWidth>=n.trackWidth),a=(n.opt.rewind||(n.arrows.prev&&(n.arrows.prev.classList.toggle("disabled",n.ele.scrollLeft<=0||t),n.arrows.prev.setAttribute("aria-disabled",n.arrows.prev.classList.contains("disabled"))),n.arrows.next&&(n.arrows.next.classList.toggle("disabled",Math.ceil(n.ele.scrollLeft+n.containerWidth)>=Math.floor(n.trackWidth)||t),n.arrows.next.setAttribute("aria-disabled",n.arrows.next.classList.contains("disabled")))),n.slide=Math.round(n.ele.scrollLeft/n.itemWidth),n.page=Math.round(n.ele.scrollLeft/n.containerWidth),n.slide+Math.floor(Math.floor(n.opt.slidesToShow)/2)),d=Math.floor(n.opt.slidesToShow)%2?0:a+1;1===Math.floor(n.opt.slidesToShow)&&(d=0),n.ele.scrollLeft+n.containerWidth>=Math.floor(n.trackWidth)&&(n.page=n.dots?n.dots.children.length-1:0),[].forEach.call(n.slides,function(e,t){var o=e.classList,e=o.contains("visible"),i=n.ele.scrollLeft,r=n.ele.scrollLeft+n.containerWidth,s=(l=n.itemWidth*t)+n.itemWidth,l=([].forEach.call(o,function(e){/^left|right/.test(e)&&o.remove(e)}),o.toggle("active",n.slide===t),a===t||d&&d===t?o.add("center"):(o.remove("center"),o.add([t<a?"left":"right",Math.abs(t-(!(t<a)&&d||a))].join("-"))),Math.ceil(l)>=Math.floor(i)&&Math.floor(s)<=Math.ceil(r));o.toggle("visible",l),l!==e&&n.emit("slide-"+(l?"visible":"hidden"),{slide:t})}),n.dots&&[].forEach.call(n.dots.children,function(e,t){e.classList.toggle("active",n.page===t)}),e&&n.opt.scrollLock&&(clearTimeout(n.scrollLock),n.scrollLock=setTimeout(function(){clearTimeout(n.scrollLock),.02<Math.abs(n.ele.scrollLeft/n.itemWidth-n.slide)&&(n.mouseDown||n.trackWidth>n.containerWidth+n.ele.scrollLeft&&n.scrollItem(n.getCurrentSlide()))},n.opt.scrollLockDelay||250))},t.getCurrentSlide=function(){return this.round(this.ele.scrollLeft/this.itemWidth)},t.scrollItem=function(e,t,o){o&&o.preventDefault();var i,r=this,s=e,o=(++r.animate_id,r.slide),l=!0===t?(e=Math.round(e*r.containerWidth/r.itemWidth))*r.itemWidth:("string"==typeof e&&(l="prev"===e,e=r.opt.slidesToScroll%1||r.opt.slidesToShow%1?r.getCurrentSlide():r.slide,l?e-=r.opt.slidesToScroll:e+=r.opt.slidesToScroll,r.opt.rewind&&(i=r.ele.scrollLeft,e=l&&!i?r.slides.length:!l&&i+r.containerWidth>=Math.floor(r.trackWidth)?0:e)),e=Math.max(Math.min(e,r.slides.length),0),r.slide=e,r.itemWidth*e);return r.emit("scroll-item",{prevSlide:o,slide:e}),r.scrollTo(l,r.opt.duration*Math.abs(r.ele.scrollLeft-l),function(){r.updateControls(),r.emit("animated",{value:s,type:"string"==typeof s?"arrow":t?"dot":"slide"})}),!1},t.settingsBreakpoint=function(){var e=this,t=e._opt.responsive;if(t){t.sort(function(e,t){return t.breakpoint-e.breakpoint});for(var o=0;o<t.length;++o){var i=t[o];if(a.innerWidth>=i.breakpoint)return e.breakpoint!==i.breakpoint&&(e.opt=Object.assign({},e._opt,i.settings),e.breakpoint=i.breakpoint,!0)}}var r=0!==e.breakpoint;return e.opt=Object.assign({},e._opt),e.breakpoint=0,r},t.scrollTo=function(t,o,i){var r=this,s=(new Date).getTime(),l=r.animate_id,n=function(){var e=(new Date).getTime()-s;r.ele.scrollLeft=r.ele.scrollLeft+(t-r.ele.scrollLeft)*r.opt.easing(0,e,0,1,o),e<o&&l===r.animate_id?a.requestAnimationFrame(n):(r.ele.scrollLeft=t,i&&i.call(r))};a.requestAnimationFrame(n)},t.removeItem=function(e){var t=this;t.slides.length&&(t.track.removeChild(t.slides[e]),t.refresh(!0),t.emit("remove"))},t.addItem=function(e){this.track.appendChild(e),this.refresh(!0),this.emit("add")},t.handleMouse=function(e){var t=this;t.mouseDown&&(t.isDrag=!0,t.ele.scrollLeft+=(t.mouseDown-e.clientX)*(t.opt.dragVelocity||3.3),t.mouseDown=e.clientX)},t.round=function(e){var t=1/(this.opt.slidesToScroll%1||1);return Math.round(e*t)/t},t.refresh=function(e){this.init(!0,e)},t.setOption=function(t,e){var o=this;o.breakpoint&&!e?o._opt.responsive.forEach(function(e){e.breakpoint===o.breakpoint&&(e.settings=Object.assign({},e.settings,t))}):o._opt=Object.assign({},o._opt,t),o.breakpoint=0,o.settingsBreakpoint()},t.destroy=function(){function e(t){t.removeAttribute("style"),[].forEach.call(t.classList,function(e){/^glider/.test(e)&&t.classList.remove(e)})}var t=this,o=t.ele.cloneNode(!0);t.opt.skipTrack||(o.children[0].outerHTML=o.children[0].innerHTML),e(o),[].forEach.call(o.getElementsByTagName("*"),e),t.ele.parentNode.replaceChild(o,t.ele),t.event(a,"remove",{resize:t.resize}),t.emit("destroy")},t.emit=function(e,t){e=new a.CustomEvent("glider-"+e,{bubbles:!this.opt.eventPropagate,detail:t}),this.ele.dispatchEvent(e)},t.event=function(e,t,o){var i=e[t+"EventListener"].bind(e);Object.keys(o).forEach(function(e){i(e,o[e])})},e}); !function(){var e=document.querySelector(".sp-container");e&&new Glider(e,{draggable:!0,scrollLock:!0,scrollLockDelay:0,dots:".sp-nav-indicator",arrows:{prev:".sp-nav-btn.prev",next:".sp-nav-btn.next"}})}(),function(){var e=document.querySelectorAll(".slider-container");0!=e.length&&Array.from(e).forEach(function(r,n){{var l=r,a=n;let e=document.createElement("button"),t=document.createElement("button");e.className="btn-next btn-next-"+a,e.setAttribute("aria-label","Next"),t.className="btn-prev btn-prev-"+a,t.setAttribute("aria-label","Previous"),l.appendChild(e),l.appendChild(t)}{a=r,l=n;let e=document.createElement("DIV");e.className="slider-indicator slider-indicator-"+l,e.setAttribute("role","tablist"),a.appendChild(e)}new Glider(r.querySelector(".slider-content"),{draggable:!0,scrollLock:!0,scrollLockDelay:0,dots:".slider-indicator-"+n,arrows:{prev:".btn-prev-"+n,next:".btn-next-"+n}})})}(); !function(){var r=document.querySelectorAll(".lazy-youtube");if(0!=r.length)for(let i=0;i<r.length;i++){let e=r[i];var l="https://img.youtube.com/vi/"+e.dataset.videoId+"/sddefault.jpg";let t=new Image;t.src=l,t.setAttribute("alt","Video Thumbnail"),t.addEventListener("load",function(){e.appendChild(t)}),e.addEventListener("click",function(){let e=document.createElement("iframe");e.setAttribute("frameborder","0"),e.setAttribute("allowfullscreen",""),e.setAttribute("allow","accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"),e.setAttribute("src","https://www.youtube.com/embed/"+this.dataset.videoId+"?rel=0&showinfo=0&autoplay=1"),this.innerHTML="",this.appendChild(e)})}}(); //]]> //<![CDATA[ !function(){var t=document.querySelectorAll(".post-body pre");0!=t.length&&navigator.clipboard&&Array.from(t).forEach(function(t){let e=t.querySelector("code").textContent,o=document.createElement("button"),c=document.createElement("span");o.classList.add("copy-btn"),c.classList.add("icon-copy"),o.setAttribute("aria-label","copy-btn"),o.appendChild(c),t.appendChild(o),o.addEventListener("click",function(){navigator.clipboard.writeText(e),this.classList.add("copied"),setTimeout(()=>{this.classList.remove("copied")},1500)})})}(); // prism by prismjs.com var _self="undefined"!=typeof window?window:"undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?self:{},Prism=function(o){var n=/(?:^|\s)lang(?:uage)?-([\w-]+)(?=\s|$)/i,t=0,e={},j={manual:o.Prism&&o.Prism.manual,disableWorkerMessageHandler:o.Prism&&o.Prism.disableWorkerMessageHandler,util:{encode:function e(t){return t instanceof E?new E(t.type,e(t.content),t.alias):Array.isArray(t)?t.map(e):t.replace(/&/g,"&").replace(/</g,"<").replace(/\u00a0/g," ")},type:function(e){return Object.prototype.toString.call(e).slice(8,-1)},objId:function(e){return e.__id||Object.defineProperty(e,"__id",{value:++t}),e.__id},clone:function n(e,a){var r,t;switch(a=a||{},j.util.type(e)){case"Object":if(t=j.util.objId(e),a[t])return a[t];for(var i in r={},a[t]=r,e)e.hasOwnProperty(i)&&(r[i]=n(e[i],a));return r;case"Array":return t=j.util.objId(e),a[t]||(r=[],a[t]=r,e.forEach(function(e,t){r[t]=n(e,a)}),r);default:return e}},getLanguage:function(e){for(;e;){var t=n.exec(e.className);if(t)return t[1].toLowerCase();e=e.parentElement}return"none"},setLanguage:function(e,t){e.className=e.className.replace(RegExp(n,"gi"),""),e.classList.add("language-"+t)},currentScript:function(){if("undefined"==typeof document)return null;if("currentScript"in document)return document.currentScript;try{throw new Error}catch(e){var t=(/at [^(\r\n]*$(.*):[^:]+:[^:]+$$/i.exec(e.stack)||[])[1];if(t){var n,a=document.getElementsByTagName("script");for(n in a)if(a[n].src==t)return a[n]}return null}},isActive:function(e,t,n){for(var a="no-"+t;e;){var r=e.classList;if(r.contains(t))return!0;if(r.contains(a))return!1;e=e.parentElement}return!!n}},languages:{plain:e,plaintext:e,text:e,txt:e,extend:function(e,t){var n,a=j.util.clone(j.languages[e]);for(n in t)a[n]=t[n];return a},insertBefore:function(n,e,t,a){var r,i=(a=a||j.languages)[n],s={};for(r in i)if(i.hasOwnProperty(r)){if(r==e)for(var l in t)t.hasOwnProperty(l)&&(s[l]=t[l]);t.hasOwnProperty(r)||(s[r]=i[r])}var o=a[n];return a[n]=s,j.languages.DFS(j.languages,function(e,t){t===o&&e!=n&&(this[e]=s)}),s},DFS:function e(t,n,a,r){r=r||{};var i,s,l,o=j.util.objId;for(i in t)t.hasOwnProperty(i)&&(n.call(t,i,t[i],a||i),s=t[i],"Object"!==(l=j.util.type(s))||r[o(s)]?"Array"!==l||r[o(s)]||(r[o(s)]=!0,e(s,n,i,r)):(r[o(s)]=!0,e(s,n,null,r)))}},plugins:{},highlightAll:function(e,t){j.highlightAllUnder(document,e,t)},highlightAllUnder:function(e,t,n){var a={callback:n,container:e,selector:'code[class*="language-"], [class*="language-"] code, code[class*="lang-"], [class*="lang-"] code'};j.hooks.run("before-highlightall",a),a.elements=Array.prototype.slice.apply(a.container.querySelectorAll(a.selector)),j.hooks.run("before-all-elements-highlight",a);for(var r,i=0;r=a.elements[i++];)j.highlightElement(r,!0===t,a.callback)},highlightElement:function(e,t,n){var a=j.util.getLanguage(e),r=j.languages[a],i=(j.util.setLanguage(e,a),e.parentElement),s=(i&&"pre"===i.nodeName.toLowerCase()&&j.util.setLanguage(i,a),{element:e,language:a,grammar:r,code:e.textContent});function l(e){s.highlightedCode=e,j.hooks.run("before-insert",s),s.element.innerHTML=s.highlightedCode,j.hooks.run("after-highlight",s),j.hooks.run("complete",s),n&&n.call(s.element)}if(j.hooks.run("before-sanity-check",s),(i=s.element.parentElement)&&"pre"===i.nodeName.toLowerCase()&&!i.hasAttribute("tabindex")&&i.setAttribute("tabindex","0"),!s.code)return j.hooks.run("complete",s),void(n&&n.call(s.element));j.hooks.run("before-highlight",s),s.grammar?t&&o.Worker?((a=new Worker(j.filename)).onmessage=function(e){l(e.data)},a.postMessage(JSON.stringify({language:s.language,code:s.code,immediateClose:!0}))):l(j.highlight(s.code,s.grammar,s.language)):l(j.util.encode(s.code))},highlight:function(e,t,n){e={code:e,grammar:t,language:n};if(j.hooks.run("before-tokenize",e),!e.grammar)throw new Error('The language "'+e.language+'" has no grammar.');return e.tokens=j.tokenize(e.code,e.grammar),j.hooks.run("after-tokenize",e),E.stringify(j.util.encode(e.tokens),e.language)},tokenize:function(e,t){var n=t.rest;if(n){for(var a in n)t[a]=n[a];delete t.rest}for(var r=new u,i=(q(r,r.head,e),function c(d,e,g,p,m,t){for(var n in g)if(g.hasOwnProperty(n)&&g[n]){var b=g[n];b=Array.isArray(b)?b:[b];for(var f=0;f<b.length;++f){if(t&&t.cause==n+","+f)return;var h,a=b[f],y=a.inside,k=!!a.lookbehind,w=!!a.greedy,v=a.alias;w&&!a.pattern.global&&(h=a.pattern.toString().match(/[imsuy]*$/)[0],a.pattern=RegExp(a.pattern.source,h+"g"));for(var x=a.pattern||a,r=p.next,i=m;r!==e.tail&&!(t&&i>=t.reach);i+=r.value.length,r=r.next){var s=r.value;if(e.length>d.length)return;if(!(s instanceof E)){var l,F=1;if(w){if(!(l=O(x,i,d,k))||l.index>=d.length)break;var _=l.index,P=l.index+l[0].length,o=i;for(o+=r.value.length;o<=_;)o+=(r=r.next).value.length;if(i=o-=r.value.length,r.value instanceof E)continue;for(var A=r;A!==e.tail&&(o<P||"string"==typeof A.value);A=A.next)F++,o+=A.value.length;F--,s=d.slice(i,o),l.index-=i}else if(!(l=O(x,0,s,k)))continue;_=l.index;var $=l[0],u=s.slice(0,_),z=s.slice(_+$.length),s=i+s.length,S=(t&&s>t.reach&&(t.reach=s),r.prev);u&&(S=q(e,S,u),i+=u.length),C(e,S,F),r=q(e,S,new E(n,y?j.tokenize($,y):$,v,$)),z&&q(e,r,z),1<F&&(u={cause:n+","+f,reach:s},c(d,e,g,r.prev,i,u),t&&u.reach>t.reach&&(t.reach=u.reach))}}}}}(e,r,t,r.head,0),r),s=[],l=i.head.next;l!==i.tail;)s.push(l.value),l=l.next;return s},hooks:{all:{},add:function(e,t){var n=j.hooks.all;n[e]=n[e]||[],n[e].push(t)},run:function(e,t){var n=j.hooks.all[e];if(n&&n.length)for(var a,r=0;a=n[r++];)a(t)}},Token:E};function E(e,t,n,a){this.type=e,this.content=t,this.alias=n,this.length=0|(a||"").length}function O(e,t,n,a){e.lastIndex=t;t=e.exec(n);return t&&a&&t[1]&&(e=t[1].length,t.index+=e,t[0]=t[0].slice(e)),t}function u(){var e={value:null,prev:null,next:null},t={value:null,prev:e,next:null};e.next=t,this.head=e,this.tail=t,this.length=0}function q(e,t,n){var a=t.next,n={value:n,prev:t,next:a};return t.next=n,a.prev=n,e.length++,n}function C(e,t,n){for(var a=t.next,r=0;r<n&&a!==e.tail;r++)a=a.next;(t.next=a).prev=t,e.length-=r}if(o.Prism=j,E.stringify=function t(e,n){if("string"==typeof e)return e;var a;if(Array.isArray(e))return a="",e.forEach(function(e){a+=t(e,n)}),a;var r,i={type:e.type,content:t(e.content,n),tag:"span",classes:["token",e.type],attributes:{},language:n},e=e.alias,s=(e&&(Array.isArray(e)?Array.prototype.push.apply(i.classes,e):i.classes.push(e)),j.hooks.run("wrap",i),"");for(r in i.attributes)s+=" "+r+'="'+(i.attributes[r]||"").replace(/"/g,""")+'"';return"<"+i.tag+' class="'+i.classes.join(" ")+'"'+s+">"+i.content+"</"+i.tag+">"},!o.document)return o.addEventListener&&(j.disableWorkerMessageHandler||o.addEventListener("message",function(e){var e=JSON.parse(e.data),t=e.language,n=e.code,e=e.immediateClose;o.postMessage(j.highlight(n,j.languages[t],t)),e&&o.close()},!1)),j;var a,e=j.util.currentScript();function r(){j.manual||j.highlightAll()}return e&&(j.filename=e.src,e.hasAttribute("data-manual")&&(j.manual=!0)),j.manual||("loading"===(a=document.readyState)||"interactive"===a&&e&&e.defer?document.addEventListener("DOMContentLoaded",r):window.requestAnimationFrame?window.requestAnimationFrame(r):window.setTimeout(r,16)),j}(_self);"undefined"!=typeof module&&module.exports&&(module.exports=Prism),"undefined"!=typeof global&&(global.Prism=Prism),Prism.languages.markup={comment:{pattern://,greedy:!0},prolog:{pattern:/<\?[\s\S]+?\?>/,greedy:!0},doctype:{pattern:/<!DOCTYPE(?:[^>"'[\]]|"[^"]*"|'[^']*')+(?:\[(?:[^<"'\]]|"[^"]*"|'[^']*'|<(?!!--)|)*\]\s*)?>/i,greedy:!0,inside:{"internal-subset":{pattern:/(^[^\[]*\[)[\s\S]+(?=\]>$)/,lookbehind:!0,greedy:!0,inside:null},string:{pattern:/"[^"]*"|'[^']*'/,greedy:!0},punctuation:/^<!|>$|[[\]]/,"doctype-tag":/^DOCTYPE/i,name:/[^\s<>'"]+/}},cdata:{pattern:/<!\[CDATA\[[\s\S]*?\]\]>/i,greedy:!0},tag:{pattern:/<\/?(?!\d)[^\s>\/=$<%]+(?:\s(?:\s*[^\s>\/=]+(?:\s*=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+(?=[\s>]))|(?=[\s/>])))+)?\s*\/?>/,greedy:!0,inside:{tag:{pattern:/^<\/?[^\s>\/]+/,inside:{punctuation:/^<\/?/,namespace:/^[^\s>\/:]+:/}},"special-attr":[],"attr-value":{pattern:/=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+)/,inside:{punctuation:[{pattern:/^=/,alias:"attr-equals"},{pattern:/^(\s*)["']|["']$/,lookbehind:!0}]}},punctuation:/\/?>/,"attr-name":{pattern:/[^\s>\/]+/,inside:{namespace:/^[^\s>\/:]+:/}}}},entity:[{pattern:/&[\da-z]{1,8};/i,alias:"named-entity"},/&#x?[\da-f]{1,8};/i]},Prism.languages.markup.tag.inside["attr-value"].inside.entity=Prism.languages.markup.entity,Prism.languages.markup.doctype.inside["internal-subset"].inside=Prism.languages.markup,Prism.hooks.add("wrap",function(e){"entity"===e.type&&(e.attributes.title=e.content.replace(/&/,"&"))}),Object.defineProperty(Prism.languages.markup.tag,"addInlined",{value:function(e,t){var n={},n=(n["language-"+t]={pattern:/(^<!\[CDATA\[)[\s\S]+?(?=\]\]>$)/i,lookbehind:!0,inside:Prism.languages[t]},n.cdata=/^<!\[CDATA\[|\]\]>$/i,{"included-cdata":{pattern:/<!\[CDATA\[[\s\S]*?\]\]>/i,inside:n}}),t=(n["language-"+t]={pattern:/[\s\S]+/,inside:Prism.languages[t]},{});t[e]={pattern:RegExp("(<__[^>]*>)(?:<!\\[CDATA\\[(?:[^\\]]|\\](?!\\]>))*\\]\\]>|(?!<!\\[CDATA\\[)[^])*?(?=</__>)".replace(/__/g,function(){return e}),"i"),lookbehind:!0,greedy:!0,inside:n},Prism.languages.insertBefore("markup","cdata",t)}}),Object.defineProperty(Prism.languages.markup.tag,"addAttribute",{value:function(e,t){Prism.languages.markup.tag.inside["special-attr"].push({pattern:RegExp("(^|[\"'\\s])(?:"+e+")\\s*=\\s*(?:\"[^\"]*\"|'[^']*'|[^\\s'\">=]+(?=[\\s>]))","i"),lookbehind:!0,inside:{"attr-name":/^[^\s=]+/,"attr-value":{pattern:/=[\s\S]+/,inside:{value:{pattern:/(^=\s*(["']|(?!["'])))\S[\s\S]*(?=\2$)/,lookbehind:!0,alias:[t,"language-"+t],inside:Prism.languages[t]},punctuation:[{pattern:/^=/,alias:"attr-equals"},/"|'/]}}}})}}),Prism.languages.html=Prism.languages.markup,Prism.languages.mathml=Prism.languages.markup,Prism.languages.svg=Prism.languages.markup,Prism.languages.xml=Prism.languages.extend("markup",{}),Prism.languages.ssml=Prism.languages.xml,Prism.languages.atom=Prism.languages.xml,Prism.languages.rss=Prism.languages.xml,function(e){var t=/(?:"(?:\$?:\r\n|[\s\S])|[^"\\\r\n])*"|'(?:\\(?:\r\n|[\s\S])|[^'\\\r\n])*')/,t=(e.languages.css={comment:/\/\*[\s\S]*?\*\//,atrule:{pattern:RegExp("@[\\w-](?:[^;{\\s\"']|\\s+(?!\\s)|"+t.source+")*?(?:;|(?=\\s*\\{))"),inside:{rule:/^@[\w-]+/,"selector-function-argument":{pattern:/(\bselector\s*\(\s*(?![\s)]))(?:[^()\s]|\s+(?![\s)])|\((?:[^()]|\([^()]*$)*\))+(?=\s*\))/,lookbehind:!0,alias:"selector"},keyword:{pattern:/(^|[^\w-])(?:and|not|only|or)(?![\w-])/,lookbehind:!0}}},url:{pattern:RegExp("\\burl\$(?:"+t.source+"|(?:[^\\\\\r\n()\"']|\\\\[^])*)\$","i"),greedy:!0,inside:{function:/^url/i,punctuation:/^$|$$/,string:{pattern:RegExp("^"+t.source+"$"),alias:"url"}}},selector:{pattern:RegExp("(^|[{}\\s])[^{}\\s](?:[^{};\"'\\s]|\\s+(?![\\s{])|"+t.source+")*(?=\\s*\\{)"),lookbehind:!0},string:{pattern:t,greedy:!0},property:{pattern:/(^|[^-\w\xA0-\uFFFF])(?!\s)[-_a-z\xA0-\uFFFF](?:(?!\s)[-\w\xA0-\uFFFF])*(?=\s*:)/i,lookbehind:!0},important:/!important\b/i,function:{pattern:/(^|[^-a-z0-9])[-a-z0-9]+(?=\()/i,lookbehind:!0},punctuation:/[(){};:,]/},e.languages.css.atrule.inside.rest=e.languages.css,e.languages.markup);t&&(t.tag.addInlined("style","css"),t.tag.addAttribute("style","css"))}(Prism),Prism.languages.clike={comment:[{pattern:/(^|[^\\])\/\*[\s\S]*?(?:\*\/|$)/,lookbehind:!0,greedy:!0},{pattern:/(^|[^\\:])\/\/.*/,lookbehind:!0,greedy:!0}],string:{pattern:/(["'])(?:\\(?:\r\n|[\s\S])|(?!\1)[^\\\r\n])*\1/,greedy:!0},"class-name":{pattern:/(\b(?:class|extends|implements|instanceof|interface|new|trait)\s+|\bcatch\s+\()[\w.\\]+/i,lookbehind:!0,inside:{punctuation:/[.\\]/}},keyword:/\b(?:break|catch|continue|do|else|finally|for|function|if|in|instanceof|new|null|return|throw|try|while)\b/,boolean:/\b(?:false|true)\b/,function:/\b\w+(?=\()/,number:/\b0x[\da-f]+\b|(?:\b\d+(?:\.\d*)?|\B\.\d+)(?:e[+-]?\d+)?/i,operator:/[<>]=?|[!=]=?=?|--?|\+\+?|&&?|\|\|?|[?*/~^%]/,punctuation:/[{}[\];(),.:]/},Prism.languages.javascript=Prism.languages.extend("clike",{"class-name":[Prism.languages.clike["class-name"],{pattern:/(^|[^$\w\xA0-\uFFFF])(?!\s)[_$A-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\.(?:constructor|prototype))/,lookbehind:!0}],keyword:[{pattern:/((?:^|\})\s*)catch\b/,lookbehind:!0},{pattern:/(^|[^.]|\.\.\.\s*)\b(?:as|assert(?=\s*\{)|async(?=\s*(?:function\b|\(|[$\w\xA0-\uFFFF]|$))|await|break|case|class|const|continue|debugger|default|delete|do|else|enum|export|extends|finally(?=\s*(?:\{|$))|for|from(?=\s*(?:['"]|$))|function|(?:get|set)(?=\s*(?:[#\[$\w\xA0-\uFFFF]|$))|if|implements|import|in|instanceof|interface|let|new|null|of|package|private|protected|public|return|static|super|switch|this|throw|try|typeof|undefined|var|void|while|with|yield)\b/,lookbehind:!0}],function:/#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*(?:\.\s*(?:apply|bind|call)\s*)?\()/,number:{pattern:RegExp("(^|[^\\w$])(?:NaN|Infinity|0[bB][01]+(?:_[01]+)*n?|0[oO][0-7]+(?:_[0-7]+)*n?|0[xX][\\dA-Fa-f]+(?:_[\\dA-Fa-f]+)*n?|\\d+(?:_\\d+)*n|(?:\\d+(?:_\\d+)*(?:\\.(?:\\d+(?:_\\d+)*)?)?|\\.\\d+(?:_\\d+)*)(?:[Ee][+-]?\\d+(?:_\\d+)*)?)(?![\\w$])"),lookbehind:!0},operator:/--|\+\+|\*\*=?|=>|&&=?|\|\|=?|[!=]==|<<=?|>>>?=?|[-+*/%&|^!=<>]=?|\.{3}|\?\?=?|\?\.?|[~:]/}),Prism.languages.javascript["class-name"][0].pattern=/(\b(?:class|extends|implements|instanceof|interface|new)\s+)[\w.\\]+/,Prism.languages.insertBefore("javascript","keyword",{regex:{pattern:RegExp("((?:^|[^$\\w\\xA0-\\uFFFF.\"'\\])\\s]|\\b(?:return|yield))\\s*)/(?:(?:\\[(?:[^\\]\\\\\r\n]|\\\\.)*\\]|\\\\.|[^/\\\\\\[\r\n])+/[dgimyus]{0,7}|(?:\\[(?:[^[\\]\\\\\r\n]|\\\\.|\\[(?:[^[\\]\\\\\r\n]|\\\\.|\\[(?:[^[\\]\\\\\r\n]|\\\\.)*\\])*\\])*\\]|\\\\.|[^/\\\\\\[\r\n])+/[dgimyus]{0,7}v[dgimyus]{0,7})(?=(?:\\s|/\\*(?:[^*]|\\*(?!/))*\\*/)*(?:$|[\r\n,.;:})\\]]|//))"),lookbehind:!0,greedy:!0,inside:{"regex-source":{pattern:/^(\/)[\s\S]+(?=\/[a-z]*$)/,lookbehind:!0,alias:"language-regex",inside:Prism.languages.regex},"regex-delimiter":/^\/|\/$/,"regex-flags":/^[a-z]+$/}},"function-variable":{pattern:/#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*[=:]\s*(?:async\s*)?(?:\bfunction\b|(?:$(?:[^()]|\([^()]*$)*\)|(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*)\s*=>))/,alias:"function"},parameter:[{pattern:/(function(?:\s+(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*)?\s*$\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*$)+(?=\s*\))/,lookbehind:!0,inside:Prism.languages.javascript},{pattern:/(^|[^$\w\xA0-\uFFFF])(?!\s)[_$a-z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*=>)/i,lookbehind:!0,inside:Prism.languages.javascript},{pattern:/($\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*$)+(?=\s*\)\s*=>)/,lookbehind:!0,inside:Prism.languages.javascript},{pattern:/((?:\b|\s|^)(?!(?:as|async|await|break|case|catch|class|const|continue|debugger|default|delete|do|else|enum|export|extends|finally|for|from|function|get|if|implements|import|in|instanceof|interface|let|new|null|of|package|private|protected|public|return|set|static|super|switch|this|throw|try|typeof|undefined|var|void|while|with|yield)(?![$\w\xA0-\uFFFF]))(?:(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*\s*)$\s*|\]\s*\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*$)+(?=\s*\)\s*\{)/,lookbehind:!0,inside:Prism.languages.javascript}],constant:/\b[A-Z](?:[A-Z_]|\dx?)*\b/}),Prism.languages.insertBefore("javascript","string",{hashbang:{pattern:/^#!.*/,greedy:!0,alias:"comment"},"template-string":{pattern:/`(?:\\[\s\S]|\$\{(?:[^{}]|\{(?:[^{}]|\{[^}]*\})*\})+\}|(?!\$\{)[^\\`])*`/,greedy:!0,inside:{"template-punctuation":{pattern:/^`|`$/,alias:"string"},interpolation:{pattern:/((?:^|[^\\])(?:\\{2})*)\$\{(?:[^{}]|\{(?:[^{}]|\{[^}]*\})*\})+\}/,lookbehind:!0,inside:{"interpolation-punctuation":{pattern:/^\$\{|\}$/,alias:"punctuation"},rest:Prism.languages.javascript}},string:/[\s\S]+/}},"string-property":{pattern:/((?:^|[,{])[ \t]*)(["'])(?:\\(?:\r\n|[\s\S])|(?!\2)[^\\\r\n])*\2(?=\s*:)/m,lookbehind:!0,greedy:!0,alias:"property"}}),Prism.languages.insertBefore("javascript","operator",{"literal-property":{pattern:/((?:^|[,{])[ \t]*)(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*:)/m,lookbehind:!0,alias:"property"}}),Prism.languages.markup&&(Prism.languages.markup.tag.addInlined("script","javascript"),Prism.languages.markup.tag.addAttribute("on(?:abort|blur|change|click|composition(?:end|start|update)|dblclick|error|focus(?:in|out)?|key(?:down|up)|load|mouse(?:down|enter|leave|move|out|over|up)|reset|resize|scroll|select|slotchange|submit|unload|wheel)","javascript")),Prism.languages.js=Prism.languages.javascript,function(p){function m(e,t){return"___"+e.toUpperCase()+t+"___"}Object.defineProperties(p.languages["markup-templating"]={},{buildPlaceholders:{value:function(a,r,e,i){var s;a.language===r&&(s=a.tokenStack=[],a.code=a.code.replace(e,function(e){if("function"==typeof i&&!i(e))return e;for(var t,n=s.length;-1!==a.code.indexOf(t=m(r,n));)++n;return s[n]=e,t}),a.grammar=p.languages.markup)}},tokenizePlaceholders:{value:function(u,c){var d,g;u.language===c&&u.tokenStack&&(u.grammar=p.languages[c],d=0,g=Object.keys(u.tokenStack),function e(t){for(var n=0;n<t.length&&!(d>=g.length);n++){var a,r,i,s,l,o=t[n];"string"==typeof o||o.content&&"string"==typeof o.content?(a=g[d],i=u.tokenStack[a],s="string"==typeof o?o:o.content,a=m(c,a),-1<(l=s.indexOf(a))&&(++d,r=s.substring(0,l),i=new p.Token(c,p.tokenize(i,u.grammar),"language-"+c,i),s=s.substring(l+a.length),l=[],r&&l.push.apply(l,e([r])),l.push(i),s&&l.push.apply(l,e([s])),"string"==typeof o?t.splice.apply(t,[n,1].concat(l)):o.content=l)):o.content&&e(o.content)}return t}(u.tokens))}}})}(Prism),function(t){var e=/\/\*[\s\S]*?\*\/|\/\/.*|#(?!\[).*/,n=[{pattern:/\b(?:false|true)\b/i,alias:"boolean"},{pattern:/(::\s*)\b[a-z_]\w*\b(?!\s*$)/i,greedy:!0,lookbehind:!0},{pattern:/(\b(?:case|const)\s+)\b[a-z_]\w*(?=\s*[;=])/i,greedy:!0,lookbehind:!0},/\b(?:null)\b/i,/\b[A-Z_][A-Z0-9_]*\b(?!\s*\()/],a=/\b0b[01]+(?:_[01]+)*\b|\b0o[0-7]+(?:_[0-7]+)*\b|\b0x[\da-f]+(?:_[\da-f]+)*\b|(?:\b\d+(?:_\d+)*\.?(?:\d+(?:_\d+)*)?|\B\.\d+)(?:e[+-]?\d+)?/i,r=/<?=>|\?\?=?|\.{3}|\??->|[!=]=?=?|::|\*\*=?|--|\+\+|&&|\|\||<<|>>|[?~]|[/^|%*&<>.+-]=?/,i=/[{}\[\](),:;]/,s=(t.languages.php={delimiter:{pattern:/\?>$|^<\?(?:php(?=\s)|=)?/i,alias:"important"},comment:e,variable:/\$+(?:\w+\b|(?=\{))/,package:{pattern:/(namespace\s+|use\s+(?:function\s+)?)(?:\\?\b[a-z_]\w*)+\b(?!\$/i,lookbehind:!0,inside:{punctuation:/\\/}},"class-name-definition":{pattern:/(\b(?:class|enum|interface|trait)\s+)\b[a-z_]\w*(?!\\)\b/i,lookbehind:!0,alias:"class-name"},"function-definition":{pattern:/(\bfunction\s+)[a-z_]\w*(?=\s*$)/i,lookbehind:!0,alias:"function"},keyword:[{pattern:/(\(\s*)\b(?:array|bool|boolean|float|int|integer|object|string)\b(?=\s*$)/i,alias:"type-casting",greedy:!0,lookbehind:!0},{pattern:/([(,?]\s*)\b(?:array(?!\s*$)|bool|callable|(?:false|null)(?=\s*\|)|float|int|iterable|mixed|object|self|static|string)\b(?=\s*\$)/i,alias:"type-hint",greedy:!0,lookbehind:!0},{pattern:/($\s*:\s*(?:\?\s*)?)\b(?:array(?!\s*\()|bool|callable|(?:false|null)(?=\s*\|)|float|int|iterable|mixed|never|object|self|static|string|void)\b/i,alias:"return-type",greedy:!0,lookbehind:!0},{pattern:/\b(?:array(?!\s*\()|bool|float|int|iterable|mixed|object|string|void)\b/i,alias:"type-declaration",greedy:!0},{pattern:/(\|\s*)(?:false|null)\b|\b(?:false|null)(?=\s*\|)/i,alias:"type-declaration",greedy:!0,lookbehind:!0},{pattern:/\b(?:parent|self|static)(?=\s*::)/i,alias:"static-context",greedy:!0},{pattern:/(\byield\s+)from\b/i,lookbehind:!0},/\bclass\b/i,{pattern:/((?:^|[^\s>:]|(?:^|[^-])>|(?:^|[^:]):)\s*)\b(?:abstract|and|array|as|break|callable|case|catch|clone|const|continue|declare|default|die|do|echo|else|elseif|empty|enddeclare|endfor|endforeach|endif|endswitch|endwhile|enum|eval|exit|extends|final|finally|fn|for|foreach|function|global|goto|if|implements|include|include_once|instanceof|insteadof|interface|isset|list|match|namespace|never|new|or|parent|print|private|protected|public|readonly|require|require_once|return|self|static|switch|throw|trait|try|unset|use|var|while|xor|yield|__halt_compiler)\b/i,lookbehind:!0}],"argument-name":{pattern:/([(,]\s*)\b[a-z_]\w*(?=\s*:(?!:))/i,lookbehind:!0},"class-name":[{pattern:/(\b(?:extends|implements|instanceof|new(?!\s+self|\s+static))\s+|\bcatch\s*$)\b[a-z_]\w*(?!\$\b/i,greedy:!0,lookbehind:!0},{pattern:/(\|\s*)\b[a-z_]\w*(?!\\)\b/i,greedy:!0,lookbehind:!0},{pattern:/\b[a-z_]\w*(?!\\)\b(?=\s*\|)/i,greedy:!0},{pattern:/(\|\s*)(?:\\?\b[a-z_]\w*)+\b/i,alias:"class-name-fully-qualified",greedy:!0,lookbehind:!0,inside:{punctuation:/\\/}},{pattern:/(?:\\?\b[a-z_]\w*)+\b(?=\s*\|)/i,alias:"class-name-fully-qualified",greedy:!0,inside:{punctuation:/\\/}},{pattern:/(\b(?:extends|implements|instanceof|new(?!\s+self\b|\s+static\b))\s+|\bcatch\s*$)(?:\\?\b[a-z_]\w*)+\b(?!\$/i,alias:"class-name-fully-qualified",greedy:!0,lookbehind:!0,inside:{punctuation:/\\/}},{pattern:/\b[a-z_]\w*(?=\s*\$)/i,alias:"type-declaration",greedy:!0},{pattern:/(?:\\?\b[a-z_]\w*)+(?=\s*\$)/i,alias:["class-name-fully-qualified","type-declaration"],greedy:!0,inside:{punctuation:/\\/}},{pattern:/\b[a-z_]\w*(?=\s*::)/i,alias:"static-context",greedy:!0},{pattern:/(?:\\?\b[a-z_]\w*)+(?=\s*::)/i,alias:["class-name-fully-qualified","static-context"],greedy:!0,inside:{punctuation:/\\/}},{pattern:/([(,?]\s*)[a-z_]\w*(?=\s*\$)/i,alias:"type-hint",greedy:!0,lookbehind:!0},{pattern:/([(,?]\s*)(?:\\?\b[a-z_]\w*)+(?=\s*\$)/i,alias:["class-name-fully-qualified","type-hint"],greedy:!0,lookbehind:!0,inside:{punctuation:/\\/}},{pattern:/(\)\s*:\s*(?:\?\s*)?)\b[a-z_]\w*(?!\\)\b/i,alias:"return-type",greedy:!0,lookbehind:!0},{pattern:/(\)\s*:\s*(?:\?\s*)?)(?:\\?\b[a-z_]\w*)+\b(?!\\)/i,alias:["class-name-fully-qualified","return-type"],greedy:!0,lookbehind:!0,inside:{punctuation:/\\/}}],constant:n,function:{pattern:/(^|[^\\\w])\\?[a-z_](?:[\w\\]*\w)?(?=\s*\()/i,lookbehind:!0,inside:{punctuation:/\\/}},property:{pattern:/(->\s*)\w+/,lookbehind:!0},number:a,operator:r,punctuation:i},{pattern:/\{\$(?:\{(?:\{[^{}]+\}|[^{}]+)\}|[^{}])+\}|(^|[^\\{])\$+(?:\w+(?:\[[^\r\n\[\]]+\]|->\w+)?)/,lookbehind:!0,inside:t.languages.php}),s=[{pattern:/<<<'([^']+)'[\r\n](?:.*[\r\n])*?\1;/,alias:"nowdoc-string",greedy:!0,inside:{delimiter:{pattern:/^<<<'[^']+'|[a-z_]\w*;$/i,alias:"symbol",inside:{punctuation:/^<<<'?|[';]$/}}}},{pattern:/<<<(?:"([^"]+)"[\r\n](?:.*[\r\n])*?\1;|([a-z_]\w*)[\r\n](?:.*[\r\n])*?\2;)/i,alias:"heredoc-string",greedy:!0,inside:{delimiter:{pattern:/^<<<(?:"[^"]+"|[a-z_]\w*)|[a-z_]\w*;$/i,alias:"symbol",inside:{punctuation:/^<<<"?|[";]$/}},interpolation:s}},{pattern:/`(?:\\[\s\S]|[^\\`])*`/,alias:"backtick-quoted-string",greedy:!0},{pattern:/'(?:\\[\s\S]|[^\\'])*'/,alias:"single-quoted-string",greedy:!0},{pattern:/"(?:\\[\s\S]|[^\\"])*"/,alias:"double-quoted-string",greedy:!0,inside:{interpolation:s}}];t.languages.insertBefore("php","variable",{string:s,attribute:{pattern:/#\[(?:[^"'\/#]|\/(?![*/])|\/\/.*$|#(?!\[).*$|\/\*(?:[^*]|\*(?!\/))*\*\/|"(?:\\[\s\S]|[^\\"])*"|'(?:\\[\s\S]|[^\\'])*')+\](?=\s*[a-z$#])/im,greedy:!0,inside:{"attribute-content":{pattern:/^(#\[)[\s\S]+(?=\]$)/,lookbehind:!0,inside:{comment:e,string:s,"attribute-class-name":[{pattern:/([^:]|^)\b[a-z_]\w*(?!\\)\b/i,alias:"class-name",greedy:!0,lookbehind:!0},{pattern:/([^:]|^)(?:\\?\b[a-z_]\w*)+/i,alias:["class-name","class-name-fully-qualified"],greedy:!0,lookbehind:!0,inside:{punctuation:/\\/}}],constant:n,number:a,operator:r,punctuation:i}},delimiter:{pattern:/^#\[|\]$/,alias:"punctuation"}}}}),t.hooks.add("before-tokenize",function(e){/<\?/.test(e.code)&&t.languages["markup-templating"].buildPlaceholders(e,"php",/<\?(?:[^"'/#]|\/(?![*/])|("|')(?:\\[\s\S]|(?!\1)[^\\])*\1|(?:\/\/|#(?!\[))(?:[^?\n\r]|\?(?!>))*(?=$|\?>|[\r\n])|#\[|\/\*(?:[^*]|\*(?!\/))*(?:\*\/|$))*?(?:\?>|$)/g)}),t.hooks.add("after-tokenize",function(e){t.languages["markup-templating"].tokenizePlaceholders(e,"php")})}(Prism),Prism.languages.python={comment:{pattern:/(^|[^\\])#.*/,lookbehind:!0,greedy:!0},"string-interpolation":{pattern:/(?:f|fr|rf)(?:("""|''')[\s\S]*?\1|("|')(?:\\.|(?!\2)[^\\\r\n])*\2)/i,greedy:!0,inside:{interpolation:{pattern:/((?:^|[^{])(?:\{\{)*)\{(?!\{)(?:[^{}]|\{(?!\{)(?:[^{}]|\{(?!\{)(?:[^{}])+\})+\})+\}/,lookbehind:!0,inside:{"format-spec":{pattern:/(:)[^:(){}]+(?=\}$)/,lookbehind:!0},"conversion-option":{pattern:/![sra](?=[:}]$)/,alias:"punctuation"},rest:null}},string:/[\s\S]+/}},"triple-quoted-string":{pattern:/(?:[rub]|br|rb)?("""|''')[\s\S]*?\1/i,greedy:!0,alias:"string"},string:{pattern:/(?:[rub]|br|rb)?("|')(?:\\.|(?!\1)[^\\\r\n])*\1/i,greedy:!0},function:{pattern:/((?:^|\s)def[ \t]+)[a-zA-Z_]\w*(?=\s*\()/g,lookbehind:!0},"class-name":{pattern:/(\bclass\s+)\w+/i,lookbehind:!0},decorator:{pattern:/(^[\t ]*)@\w+(?:\.\w+)*/m,lookbehind:!0,alias:["annotation","punctuation"],inside:{punctuation:/\./}},keyword:/\b(?:_(?=\s*:)|and|as|assert|async|await|break|case|class|continue|def|del|elif|else|except|exec|finally|for|from|global|if|import|in|is|lambda|match|nonlocal|not|or|pass|print|raise|return|try|while|with|yield)\b/,builtin:/\b(?:__import__|abs|all|any|apply|ascii|basestring|bin|bool|buffer|bytearray|bytes|callable|chr|classmethod|cmp|coerce|compile|complex|delattr|dict|dir|divmod|enumerate|eval|execfile|file|filter|float|format|frozenset|getattr|globals|hasattr|hash|help|hex|id|input|int|intern|isinstance|issubclass|iter|len|list|locals|long|map|max|memoryview|min|next|object|oct|open|ord|pow|property|range|raw_input|reduce|reload|repr|reversed|round|set|setattr|slice|sorted|staticmethod|str|sum|super|tuple|type|unichr|unicode|vars|xrange|zip)\b/,boolean:/\b(?:False|None|True)\b/,number:/\b0(?:b(?:_?[01])+|o(?:_?[0-7])+|x(?:_?[a-f0-9])+)\b|(?:\b\d+(?:_\d+)*(?:\.(?:\d+(?:_\d+)*)?)?|\B\.\d+(?:_\d+)*)(?:e[+-]?\d+(?:_\d+)*)?j?(?!\w)/i,operator:/[-+%=]=?|!=|:=|\*\*?=?|\/\/?=?|<[<=>]?|>[=>]?|[&|^~]/,punctuation:/[{}[\];(),.:]/},Prism.languages.python["string-interpolation"].inside.interpolation.inside.rest=Prism.languages.python,Prism.languages.py=Prism.languages.python; !function(){var e="newest"===localStorage.getItem("cmSort"),t="oldest"===localStorage.getItem("cmSort");let c=document.querySelector("#comments-sort");c&&(e?c.checked=!0:t&&(c.checked=!1),c.addEventListener("change",function(e){this.checked?localStorage.setItem("cmSort","newest"):localStorage.setItem("cmSort","oldest")}))}(); document.addEventListener("DOMContentLoaded",()=>{const c=document.getElementById("lightbox");var t=document.querySelectorAll(".post-body a img"),e=document.querySelectorAll(".grid-images img"),i=globalSettings.imageLightBox;c&&i&&(0<t.length&&Array.from(t).forEach(function(a){a.parentElement.addEventListener("click",function(e){var i=this.getAttribute("href").match(/\.(jpeg|jpg|gif|png|webp)$/);if(i){e.preventDefault();const s=a;var e=i?this.getAttribute("href"):s.src,i=s.getAttribute("width")?s.getAttribute("width"):"800",r=s.getAttribute("height")?s.getAttribute("height"):"",n=s.getAttribute("alt")?s.getAttribute("alt"):"Image";let t=document.createElement("IMG");t.src=e,t.setAttribute("width",i),t.setAttribute("height",r),t.setAttribute("alt",n),c.innerHTML='<div class="close-lightbox"></div>',c.appendChild(t),c.classList.add("show")}})}),0<e.length&&Array.from(e).forEach(function(e){e.addEventListener("click",function(){var t=e;c.innerHTML='<div class="close-lightbox"></div>'+t.outerHTML,c.classList.add("show")})}),c.addEventListener("click",t=>{t.target.hasAttribute("src")||c.classList.remove("show")}))}); //]]> </script> <div class='custom-javascript-footer section' id='custom-javascript-footer'><div class='widget HTML' data-version='2' id='HTML85'> </div></div> </div> </footer> </div> <script type='text/javascript'> document.addEventListener("DOMContentLoaded", function() { // Daftar kata kunci dan link internal var keywords = { "Blogging": "https://example.com/blogging", "SEO": "https://example.com/seo", "Digital Marketing": "https://example.com/digital-marketing", "blog": "https://www.udinblog.com/2024/05/template-blog-sora-mag-responsive.html", "type": "https://www.udinblog.com/2023/10/cara-menggunakan-typeitin-software.html", "screen": "https://www.udinblog.com/2023/04/cara-screenshot-di-laptop-dengan-tombol.html", "and": "https://www.udinblog.com/2024/04/berapa-banyak-pengunjung-yang-anda.html", "name": "https://www.udinblog.com/2015/05/cara-mengganti-user-name-dan-password.html", "script": "https://www.udinblog.com/2024/04/cara-pasang-meta-description-title-tag.html", "seo": "https://www.udinblog.com/2024/05/template-blog-bs3-seo-friendly-dan.html", "template": "https://www.udinblog.com/2024/05/template-blog-sora-mag-responsive.html", "responsive": "https://www.udinblog.com/2024/05/template-blog-sora-mag-responsive.html", "solid": "https://www.udinblog.com/2023/02/harga-meja-komputer-dari-kayu-solid-di.html", "design": "https://www.udinblog.com/2023/11/template-blog-responsive-design-untuk.html" // Tambahkan kata kunci dan link lainnya sesuai kebutuhan }; // Fungsi untuk mengganti teks dengan link function autoLinkContent(content, keywords) { for (var keyword in keywords) { var link = '<a href='' + keywords[keyword] + ''>' + keyword + '</a>'; var regex = new RegExp('\\b' + keyword + '\\b', 'gi'); content = content.replace(regex, link); } return content; } // Ambil semua elemen postingan di Blogger var postContentElements = document.querySelectorAll('.post-body, .entry-content'); // Ganti kata kunci dengan link dalam setiap elemen postingan postContentElements.forEach(function(element) { element.innerHTML = autoLinkContent(element.innerHTML, keywords); }); }); </script> </body> </html>