Apakah Blog Saya SEO Friendly?

admin udin

0 • menit membaca

Daftar Isi

periksa blog dengan teliti apakah sudah SEO Friendly Apakah Blog Saya SEO Friendly?

Apakah Blog Saya SEO Friendly? Tolong dicek ya? -- Ini adalah pertanyaan yang paling sering masuk ke blog ini. Berhubung komentator di blog ini semakin banyak, maka semakin sulit juga saya membantu rekan-rekan blogger memeriksa apakah blog mereka sudah SEO friendly atau belum.

Jadi saya putuskan untuk membuat artikel ini untuk membantu teman-teman blogger memeriksa blognya apakah sudah SEO friendly atau belum. Tentunya akan ada juga artikel-artikel pembantu untuk memperbaiki jika ada yang belum SEO friendly.... Sorry kalau gambar-gambarnya akan sedikit kabur, karena diperkecil ukurannya untuk mempercepat loading halaman ini :)

Langkah Pertama Mengecek Blog SEO Friendly: Periksa Homepage, Gambar dan Kode Sumbernya

#1 Periksa Homepage Blog

Jadi silahkan buka terlebih dulu homepage atau beranda blog saudara. Beranda blog saya terlihat seperti di bawah ini....

Bisa dilihat pada gambar di atas saya menandai dua kalimat. Yang di atas adalah header halaman homepage, dan yang di bawah adalah judul yang ingin saya tekankan pada halaman homepage.

Pastikan kedua bagian yang ditandai ini mengandung kata kunci yang saudara targetkan untuk halaman muka blog saudara. Perhatikan juga pada gambar di atas, pada bagian artikel ada kata "belajar seo" yang dicetak tebal.....bisa lihatkan? Pastikan juga kata-kata penting di dalam halaman homepage saudara itu dicetak tebal (bold)....

Kalau blog saudara berisi artikel yang campur baur seperti blog berita, maka bagian depan ini rasanya tidak ada kata kunci spesifik yang perlu ditekankan. Jadi bisa gunakan nama blog atau merek situs berita anda sebagai header halaman.

Jika ternyata judul header halaman homepage belum menampilkan kata kunci yang saudara inginkan silahkan diubah dengan cara berikut:

Masuk ke Menu SETELAN dan pilih DASAR
Klik EDIT pada bagian JUDUL dan masukkan judul yang mengandung kata kunci
Simpan Perubahan

#2 Periksa Gambar Pada Halaman Depan

Sekarang coba lihat gambar-gambar yang ada pada halaman depan saudara. Sebagai salah satu contoh saya akan mengambil salah satu tampilan gambar dari homepage blog saya di bawah ini.

Setelah itu coba saudara non aktifkan gambar pada browser saudara. Jika anda menggunakan mozilla firefox di situ ada di menu Option pada tab CONTENT hapus tanda centang pada LOAD IMAGES AUTOMATICALLY dan klik OK.

Setelah itu muat ulang homepage saudara dengan menekan F5. Jika tampilan tanpa gambar mempunyai tulisan ALT teks sebagai pengganti gambar, maka blog saudara sudah mengikuti kriteria SEO friendly untuk gambar.... (lihat contoh di bawah)

#3 Periksa Kode Sumber Halaman Depan

Masih pada halaman depan blog saudara.... silahkan tekan Ctrl+U untuk membuka kode sumber dari halaman saudara pada window lain di komputer. Pada window baru ini tekan ctrl+f untuk membuka alat pencarian.... Silahkan ketik </span> pada kotak pencarian. <u>Pastikan di antara kode <title> dan terdapat kata kunci untuk halaman tersebut....

Sekarang hapus </span> pada kotak pencarian dan ganti dengan<span class="attribute-name"> <span style="color: red;">name</span></span><span style="color: red;">='description'</span>. Ini akan membawa anda untuk melihat meta description dari halaman depan blog saudara. Blog yang SEO friendly harus memiliki ini. Jika tidak, maka itu termasuk kesalahan yang cukup fatal. Tapi memiliki meta description saja tidak cukup. <u>Meta description harus berisikan kata kunci yang anda targetkan untuk halaman tersebut</u> (lihat contoh di bawah)</div> <br /> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmli4SNyu4rLGZN8OwmvoklY7Wygh9JbDAdJtaFGRgjc1xzwlbEhxyWHeu9njpCmpI0bb5aAMEMgLg-V4WACD6T_kdCFG5jb9ZIrPlTtsipwhXwavTz3hxpriH5sF5-J3WfwuTR6qLUTY/s1600/meta+description.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="periksa blog dengan teliti apakah sudah SEO Friendly Apakah Blog Saya SEO Friendly?" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmli4SNyu4rLGZN8OwmvoklY7Wygh9JbDAdJtaFGRgjc1xzwlbEhxyWHeu9njpCmpI0bb5aAMEMgLg-V4WACD6T_kdCFG5jb9ZIrPlTtsipwhXwavTz3hxpriH5sF5-J3WfwuTR6qLUTY/s1600/meta+description.jpg" title="Apakah Blog Saya SEO Friendly?" /></a></div> <br /> <div style="text-align: justify;"> Kalau blog anda tidak mempunyai title tag atau meta description, maka ikuti cara perbaikannya pada artikel <A href="ayobik.blogspot.com/search?q=cara-pasang-meta-description-title-tag" target="_blank">title tag dan meta description</a>. </div> <br /> <div style="text-align: justify;"> Sekarang hapus <span style="color: red;">name='description'</span> pada kotak pencarian dan gantikan dengan <span style="color: red;"><h1</span>. Ini seharusnya menghantarkan anda pada kalimat PALING PENTING di dalam halaman anda, dan pastikan itu mengandung kata kunci. Pada dasarnya semua template mempunyai <h1> pada header halaman. Kalau blog anda tidak punya <h1> maka itu berarti template sudah diutak-atik sebelumnya. Kalau <h1> ternyata berisi gambar logo, maka sebaiknya diganti dengan teks saja.... (lihat contoh di bawah)</div> <br /> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjH8pkCs_50SSkEaTFjAq0HyMHYjjGcG1iArb4-TGscc2JJp9hToV0uEG-5S7c3JZu70Buk4hV7N1TUhoGqc8rkjS7KBtj7zLxRPBUblYwgaslUinTmpqzA9h-KBd2tSAkk8PqM4xRS7CY/s1600/heading1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="periksa blog dengan teliti apakah sudah SEO Friendly Apakah Blog Saya SEO Friendly?" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjH8pkCs_50SSkEaTFjAq0HyMHYjjGcG1iArb4-TGscc2JJp9hToV0uEG-5S7c3JZu70Buk4hV7N1TUhoGqc8rkjS7KBtj7zLxRPBUblYwgaslUinTmpqzA9h-KBd2tSAkk8PqM4xRS7CY/s1600/heading1.jpg" title="Apakah Blog Saya SEO Friendly?" /></a></div> <br /> <div style="text-align: justify;"> Setelah itu tekan sekali lagi F3, untuk mengetahui apakah masih ada h1 yang lainnya. Jika masih ada, maka itu adalah sesuatu yang harus saudara singkirkan, karena <u>di dalam satu halaman web hanya boleh ada 1 heading h1 ini</u>.</div> <div style="text-align: justify;"> <br /></div> <div style="text-align: justify;"> Sekarang hapus <span style="color: red;"><h1</span> dan ketik <span style="color: red;"><h2</span>, karena kali ini kita mau menghitung ada berapa <h2> di dalam halaman saudara. Jumlah <h2> yang boleh ada di halaman depan sebenarnya tidak dibatasi, tergantung berapa jumlah artikel yang ingin anda tampilkan. Tapi pastikan saja saudara tidak menampilkan jumlah artikel yang sangat banyak, karena bisa membuat loading halaman muka menjadi sangat berat.</div> <div style="text-align: justify;"> <br /></div> <div style="text-align: justify;"> Tambahan:</div> <div style="text-align: justify;"> Walaupun tidak terlalu penting..... tapi bisa juga saudara perhitungkan, bahwa jika artikel saudara menggunakan banyak poin-poin, maka saudara bisa menggunakan h3 untuk judul setiap poin di dalam artikel, dan itu berarti untuk heading widget saudara bisa menggunakan h4.<br /> <br /> Tapi jika di dalam artikel saudara tidak banyak menggunakan poin-poin penjelasan, maka bisa saja widget menggunakan h3.... Cek h3 dan h4 di dalam homepage dengan menggunakan <h3 memasukkan <h3 kemudian <h4 ke dalam kotak pencarian. Gunakan tombol F3 untuk menjelajahi semua tag tersebut pada homepage.</div> <br /> <h3> Langkah Kedua Mengecek Blog SEO Friendly: Periksa Halaman Artikel, Gambar dan Kode Sumbernya</h3> <div style="text-align: justify;"> Kurang lebih tahap ini sama saja dengan di atas. Tapi kali ini kita lakukan pada halaman Artikel dan bukan homepage. Ada beberapa penyesuaian di sini....</div> <div style="text-align: justify;"> <br /></div> <ul style="text-align: justify;"> <li><span style="color: red;">Judul Header Halaman</span> Artikel sebaiknya menggunakan <span style="color: red;">Judul postingan Artikel</span> itu sendiri.... Saudara bisa lihat pada header halaman artikel di blog saya ini, yang ditampilkan adalah judul artikelnya. </li> <li>Judul header halaman artikel ini harus menggunakan tag <h1> sedangkan judul dari posting artikel harus menggunakan <h2>. Buka kode sumber (Ctrl+U) sekali lagi untuk mengecek ini.</li> <li>Jika ternyata template saudara pada halaman artikel tidak menampilkan judul Artikel pada header halaman, dan hanya menampilkan judul Blog atau logo blog saudara, maka pastikan judul blog atau logo itu tidak diberi tag <h1>. Pastikan judul posting artikel yang menggunakan tag h1.</li> <li>Jika ternyata halaman artikel saudara belum seperti itu, saudara bisa memperbaikinya dengan mengikuti petunjuk di artikel <A href="ayobik.blogspot.com/search?q=bagaimana-cara-membuat-dynamic-heading-di-blogspot" target="_blank">cara membuat dynamic heading</a>.</li> <li>Usahakan kata kunci yang saudara targetkan muncul minimal 3 kali dalam artikel, dan dua di antaranya diberi cetak tebal.... </li> </ul> <br /> <ul> </ul> <h3> Langkah Ketiga Mengecek Blog SEO Friendly: Pastikan Tidak Ada Elemen Yang Tidak Berguna Apalagi Membahayakan SEO anda....</h3> <ul style="text-align: justify;"> <li>Cek apakah pada homepage dan halaman artikel saudara ada iframe? Jika ada maka pastikan iframe itu cepat dimuat. Pastikan juga saudara tidak keberatan memberikan sedikit poin pada halaman web yang ditayangkan pada iframe tersebut....</li> <li>Pastikan juga tidak ada link dofollow yang menuju blog atau website lain yang belum punya reputasi</li> <li>Cek juga waktu muat blog saudara secara keseluruhan. Jika waktu buka blog saudara terlalu lama, maka perhatikan pada <u>keterangan proses berjalan </u>yang biasa muncul di bagian bawah browser, elemen halaman apa yang sering kandas saat dimuat. Jika bisa, hapus saja elemen halaman tersebut....</li> <li>Pastikan juga tidak ada link ke situs yang terkena banned oleh Google, karena anda bisa terkena efek sampingnya.</li> </ul> <div style="text-align: justify;"> Jika blog saudara mengikuti pedoman di atas, maka rasanya halaman itu sudah cukup SEO friendly secara onpage, tinggal bagaimana <A href="ayobik.blogspot.com/search?q=apa-itu-optimisasi-offpage" target="_blank">optimisasi Offpage</a> saudara untuk <A href="ayobik.blogspot.com/search?q=bagaimana-cara-mendapatkan-backlink" target="_blank">mencari backlink</a> dan <A href="ayobik.blogspot.com/search?q=bagaimana-cara-promosi-blog" target="_blank">mempromosikan blog</a>....</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/2024/01/apakah-blog-saya-seo-friendly.html"; let blogPostTitle = `Apakah Blog Saya SEO Friendly?`; let blogPostImage = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghCXDEq4XNsqHCkVMdVYuLrEOmGsTIJCpr4D3VAnhUkWobqNdhBzN6NRk5LCOWS9JZ7iM-LZeIMtCq6T4DoCa4Y0Gi2JgW_Dr5kT2fm-pY5FxlmGBRBwQNgEEQQ5EAeHCZzUoseosPcxw/s1600/observe-look-magnifying-glass1.jpg"; //<![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 : ["lainnya"], blogLanguage : "in", postUrl : "https://www.udinblog.com/2024/01/apakah-blog-saya-seo-friendly.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=6352964096280989714&hl=id&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> </body> </html>