Bootstrap
Membuat Tabel pada Bootstrap

Membuat Tabel pada Bootstrap. – Pada artikel sebelumnya, kita telah membahas Aturan Penulisan pada Bootstrap. Kali ini kita masih pada Tema Bootstrap, yaitu Membuat Tabel pada Bootstrap. Seperti biasa, yang kita pakai adalah class pada Bootstrap yang akan kita gunakan untuk membuat table.

Baca juga: Aturan Penulisan pada Bootstrap.

Membuat Tabel pada Bootstrap

Membuat tabel pada Bootstrap sangat mudah, hanya dengan menaggil class bawaan dari Bootstrap. Lalu kita bisa meng-kustom nya sendiri. Seperti memberi warna header gelap, bahkan membuat tabel responsive. Adapun class yang kita gunakan adalah,

  • .table > Class ini adalah class basic yang digunakan dalam Bootstrap.
  • .table-striped > Kita bisa membuat table yang tiap barisnya berbeda warna menggunakan class table-striped.
  • .table-bordered > Class ini memudahkan kita untuk memberi border pada table yang kita buat.
  • .table-hover > Memberikan efek hover (gray background) pada table kita.
  • .thead-dark > Class ini menjadikan warna header table menjadi gelap.
  • .thead-light > Ini adalah kebalikan dari thead-dark, yaitu memberi background grey pada header table.

Cara Membuat Table pada Bootstrap

Sekarang kita coba membuat table menggunakan Bootstrap. Yang pertama buat file index.html berisi kode berikut,

[html]



codelatte.id/title><br /> <meta charset="utf-8"><br /> <meta name="viewport" content="width=device-width, initial-scale=1"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script><br /> <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.0/umd/popper.min.js" defer data-deferred="1"></script><br /> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.0/js/bootstrap.min.js" defer data-deferred="1"></script><br /> </head><br /> <body></p> <div class="container"> <h2>Contoh Penggunaan <code>.thead-dark</code> pada Bootstrap | codelatte.id</h2> <table class="table"> <thead class="thead-dark"> <tr> <th>Nama</th> <th>Tempat Tinggal</th> <th>Email</th> </tr> </thead> <tbody> <tr> <td>Andi</td> <td>Jakarta</td> <td>andi@example.com</td> </tr> <tr> <td>Susi</td> <td>Surabaya</td> <td>susi@example.com</td> </tr> <tr> <td>Gilang</td> <td>Medan</td> <td>gilang@example.com</td> </tr> </tbody> </table> </div> <p><script data-optimized="1" src="https://codelatte.org/wp-content/litespeed/js/9779fc17063b1973f6dd43344eca968b.js?ver=e9277" defer></script></body><br /> </html><br /> [/html]<br /> Hasilnya akan menjadi seperti ini,</p> <figure id="attachment_449" aria-describedby="caption-attachment-449" style="width: 1253px" class="wp-caption aligncenter"><img loading="lazy" class="size-full wp-image-449 jetpack-lazy-image" src="https://i0.wp.com/codelatte.id/wp-content/uploads/2018/07/Screen-Shot-2018-07-20-at-4.46.30-AM.png?resize=1170%2C370&ssl=1" alt="Contoh Tabel pada Bootstrap" width="1170" height="370" data-recalc-dims="1" data-lazy-srcset="https://i0.wp.com/codelatte.org/wp-content/uploads/2018/07/Screen-Shot-2018-07-20-at-4.46.30-AM.png?w=1253&ssl=1 1253w, https://i0.wp.com/codelatte.org/wp-content/uploads/2018/07/Screen-Shot-2018-07-20-at-4.46.30-AM.png?resize=300%2C95&ssl=1 300w, https://i0.wp.com/codelatte.org/wp-content/uploads/2018/07/Screen-Shot-2018-07-20-at-4.46.30-AM.png?resize=768%2C243&ssl=1 768w, https://i0.wp.com/codelatte.org/wp-content/uploads/2018/07/Screen-Shot-2018-07-20-at-4.46.30-AM.png?resize=1024%2C324&ssl=1 1024w" data-lazy-sizes="(max-width: 1170px) 100vw, 1170px" data-lazy-src="https://i0.wp.com/codelatte.id/wp-content/uploads/2018/07/Screen-Shot-2018-07-20-at-4.46.30-AM.png?resize=1170%2C370&is-pending-load=1#038;ssl=1" srcset="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"><noscript><img loading="lazy" class="size-full wp-image-449" src="https://i0.wp.com/codelatte.id/wp-content/uploads/2018/07/Screen-Shot-2018-07-20-at-4.46.30-AM.png?resize=1170%2C370&ssl=1" alt="Contoh Tabel pada Bootstrap" width="1170" height="370" srcset="https://i0.wp.com/codelatte.org/wp-content/uploads/2018/07/Screen-Shot-2018-07-20-at-4.46.30-AM.png?w=1253&ssl=1 1253w, https://i0.wp.com/codelatte.org/wp-content/uploads/2018/07/Screen-Shot-2018-07-20-at-4.46.30-AM.png?resize=300%2C95&ssl=1 300w, https://i0.wp.com/codelatte.org/wp-content/uploads/2018/07/Screen-Shot-2018-07-20-at-4.46.30-AM.png?resize=768%2C243&ssl=1 768w, https://i0.wp.com/codelatte.org/wp-content/uploads/2018/07/Screen-Shot-2018-07-20-at-4.46.30-AM.png?resize=1024%2C324&ssl=1 1024w" sizes="(max-width: 1170px) 100vw, 1170px" data-recalc-dims="1" /></noscript><figcaption id="caption-attachment-449" class="wp-caption-text">Contoh Tabel pada Bootstrap</figcaption></figure> <p> </p> <p>Sebenarnya banyak sekali <code>class</code> untuk table pada Bootstrap. Kita bisa membuat tabel tanpa border, tabel kontekstual, bahkan sampai membuat tabel responsive. Kalian bisa lihat dibawah tentang <code>class</code> yang saya maksud diatas.</p> <ul> <li><code>.table-dark</code></li> <li>Kombinasi <code>.table-dark</code> dan <code>.table-striped</code></li> <li><code>.table-borderless</code></li> <li><code>.table-primary</code></li> <li><code>.table-success</code></li> <li><code>.table-danger</code></li> <li><code>.table-info</code></li> <li><code>.table-warning</code></li> <li><code>.table-active</code></li> <li><code>.table-secondary</code></li> <li><code>.table-sm</code> > Tabel berukuran lebih kecil dari default.</li> <li><code>.table-responsive</code></li> </ul> <p>Sekian artikel kali ini, semoga bermanfaat dan sampai jumpa pada artikel berikutnya!</p> <div class="sharedaddy sd-sharing-enabled"><div class="robots-nocontent sd-block sd-social sd-social-icon-text sd-sharing"><h3 class="sd-title">Bagikan ini:</h3><div class="sd-content"><ul><li class="share-twitter"><a rel="nofollow noopener noreferrer" data-shared="sharing-twitter-448" class="share-twitter sd-button share-icon" href="https://codelatte.org/membuat-tabel-pada-bootstrap/?share=twitter" target="_blank" title="Click to share on Twitter" ><span>Twitter</span></a></li><li class="share-facebook"><a rel="nofollow noopener noreferrer" data-shared="sharing-facebook-448" class="share-facebook sd-button share-icon" href="https://codelatte.org/membuat-tabel-pada-bootstrap/?share=facebook" target="_blank" title="Click to share on Facebook" ><span>Facebook</span></a></li><li class="share-end"></li></ul></div></div></div> <div class="post_meta post_meta_single"> <span class="post_meta_item post_tags"><span class="post_meta_label">Tags:</span> <a href="https://codelatte.org/tag/bootstrap/" rel="tag">Bootstrap</a></span> <div class="secondary_meta_wrap"> <div class="single_share"> <div class="post_meta"> <div class="post_meta_item post_share"><div class="socials_share socials_size_tiny socials_type_drop socials_dir_horizontal"><a href="#" class="socials_caption"><span class="socials_caption_label">Share</span></a><span class="social_items"><a class="social_item social_item_popup" href="http://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fcodelatte.org%2Fmembuat-tabel-pada-bootstrap%2F" data-link="http://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fcodelatte.org%2Fmembuat-tabel-pada-bootstrap%2F" data-count="facebook"><span class="social_icon social_icon_facebook sc_icon_type_icons"><span class="trx_addons_icon-facebook"></span><i>Share</i></span></a><a class="social_item social_item_popup" href="https://twitter.com/intent/tweet?text=Membuat+Tabel+pada+Bootstrap&url=https%3A%2F%2Fcodelatte.org%2Fmembuat-tabel-pada-bootstrap%2F" data-link="https://twitter.com/intent/tweet?text=Membuat Tabel pada Bootstrap&url=https%3A%2F%2Fcodelatte.org%2Fmembuat-tabel-pada-bootstrap%2F" data-count="twitter"><span class="social_icon social_icon_twitter sc_icon_type_icons"><span class="trx_addons_icon-twitter"></span><i>Twitter</i></span></a><a class="social_item social_item_popup" href="http://pinterest.com/pin/create/link/?url=https%3A%2F%2Fcodelatte.org%2Fmembuat-tabel-pada-bootstrap%2F" data-link="http://pinterest.com/pin/create/link/?url=https%3A%2F%2Fcodelatte.org%2Fmembuat-tabel-pada-bootstrap%2F" data-count="pinterest-circled"><span class="social_icon social_icon_pinterest-circled sc_icon_type_icons"><span class="icon-pinterest-circled"></span><i>Pinterest</i></span></a></span></div></div> </div><!-- .post_meta --> </div> <div class="counters_wrap"> <div class="post_meta"> <a href="https://codelatte.org/membuat-tabel-pada-bootstrap/#respond" class="post_meta_item post_counters_item post_counters_comments trx_addons_icon-comment"><span class="post_counters_number">0</span><span class="post_counters_label">Comments</span></a> <span class="post_meta_item post_counters_item post_counters_views trx_addons_icon-eye"><span class="post_counters_number">95</span><span class="post_counters_label">Views</span></span> </div><!-- .post_meta --> </div> </div> </div><!-- .entry-content --> <div class="author_info author vcard" itemprop="author" itemscope itemtype="//schema.org/Person"> <div class="author_avatar" itemprop="image"> <img alt src="https://codelatte.org/wp-content/uploads/2020/07/avatar_user_1_1594238364-120x120.jpg" class="avatar avatar-120 photo jetpack-lazy-image" height="120" width="120" loading="lazy" data-lazy-srcset="https://codelatte.org/wp-content/uploads/2020/07/avatar_user_1_1594238364-240x240.jpg 2x" data-lazy-src="https://codelatte.org/wp-content/uploads/2020/07/avatar_user_1_1594238364-120x120.jpg?is-pending-load=1" srcset="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"><noscript><img alt='' src='https://codelatte.org/wp-content/uploads/2020/07/avatar_user_1_1594238364-120x120.jpg' srcset='https://codelatte.org/wp-content/uploads/2020/07/avatar_user_1_1594238364-240x240.jpg 2x' class='avatar avatar-120 photo' height='120' width='120' loading='lazy'/></noscript> </div><!-- .author_avatar --> <div class="author_description"> <h5 class="author_title" itemprop="name"> About Abay </h5> <div class="author_bio" itemprop="description"> <p>Cheers, I am Abay and I make things for fun. I love turning exciting ideas into horrible code.</p> <a class="author_link" href="https://codelatte.org/author/abay/" rel="author"> View all posts by <span class="author_name">Abay</span> </a> </div><!-- .author_bio --> </div><!-- .author_description --> </div><!-- .author_info --> </article> <div class="nav-links-single "> <nav class="navigation post-navigation" aria-label="Posts"> <h2 class="screen-reader-text">Post navigation</h2> <div class="nav-links"><div class="nav-previous"><a href="https://codelatte.org/aturan-penulisan-pada-bootstrap/" rel="prev"><span class="nav-arrow"></span><span class="screen-reader-text">Prev post:</span> <h6 class="post-title">Prev Post</h6></a></div><div class="nav-next"><a href="https://codelatte.org/contoh-dan-cara-penggunaan-gambar-pada-bootstrap/" rel="next"><span class="screen-reader-text">Next post:</span> <h6 class="post-title">Next Post</h6><span class="nav-arrow"></span></a></div></div> </nav> </div> <span class="show_comments_btn_wrap"> <span class="show_comments sc_button"><span class="display">0 Comments</span><span class="close">Close Comments</span> </span> </span> <section class="comments_wrap"> <div class="comments_form_wrap"> <div class="comments_form"> <div id="respond" class="comment-respond"> <h3 id="reply-title" class="comment-reply-title">Leave a Reply <small><a rel="nofollow" id="cancel-comment-reply-link" href="/membuat-tabel-pada-bootstrap/#respond" style="display:none;">Cancel reply</a></small> </h3> <form id="commentform" class="comment-form"> <iframe title="Comment Form" src="https://jetpack.wordpress.com/jetpack-comment/?blogid=175539205&postid=448&comment_registration=0&require_name_email=1&stc_enabled=0&stb_enabled=0&show_avatars=1&avatar_default=retro&greeting=Leave+a+Reply&jetpack_comments_nonce=439a44eee5&greeting_reply=Leave+a+Reply+to+%25s&color_scheme=light&lang=en_US&jetpack_version=11.0&show_cookie_consent=10&has_cookie_consent=0&token_key=%3Bnormal%3B&sig=8cf96ccf86c54e1cfcfbee5dae1bffe989e18b65#parent=https%3A%2F%2Fcodelatte.org%2Fmembuat-tabel-pada-bootstrap%2F" name="jetpack_remote_comment" style="width:100%; height: 430px; border:0;" class="jetpack_remote_comment" id="jetpack_remote_comment" sandbox="allow-same-origin allow-top-navigation allow-scripts allow-forms allow-popups" > </iframe> <!--[if !IE]><!--> <script src="data:text/javascript;base64,ZG9jdW1lbnQuYWRkRXZlbnRMaXN0ZW5lcignRE9NQ29udGVudExvYWRlZCcsZnVuY3Rpb24oKXt2YXIgY29tbWVudEZvcm1zPWRvY3VtZW50LmdldEVsZW1lbnRzQnlDbGFzc05hbWUoJ2pldHBhY2tfcmVtb3RlX2NvbW1lbnQnKTtmb3IodmFyIGk9MDtpPGNvbW1lbnRGb3Jtcy5sZW5ndGg7aSsrKXtjb21tZW50Rm9ybXNbaV0uYWxsb3dUcmFuc3BhcmVuY3k9ITE7Y29tbWVudEZvcm1zW2ldLnNjcm9sbGluZz0nbm8nfX0p" defer></script> <!--<![endif]--> </form> </div> <input type="hidden" name="comment_parent" id="comment_parent" value="" /> </div> </div><!-- /.comments_form_wrap --> </section><!-- /.comments_wrap --> </div><!-- </.content> --> <div class="sidebar widget_area right " role="complementary"> <div class="sidebar_inner"> <aside id="trx_addons_widget_popular_posts-2" class="widget widget_popular_posts"><div id="trx_addons_tabs_1186836350" class="trx_addons_tabs trx_addons_tabs_with_titles"> <ul class="trx_addons_tabs_titles"><li class="trx_addons_tabs_title"><a href="#trx_addons_tabs_1186836350_0_content">Terpopuler</a></li><li class="trx_addons_tabs_title"><a href="#trx_addons_tabs_1186836350_1_content">Terbaru</a></li></ul> <div id="trx_addons_tabs_1186836350_0_content" class="trx_addons_tabs_content"> <article class="post_item with_thumb"><div class="post_content"><h6 class="post_title"><a href="https://codelatte.org/cara-membuat-github-pages/">Cara Membuat GitHub Pages</a></h6><div class="post_info"><span class="post_info_item post_info_posted_by">by <a href="https://codelatte.org/author/abay/" class="post_info_author">Abay</a></span></div></div><div class="post_thumb"><a href="https://codelatte.org/cara-membuat-github-pages/"><img width="202" height="151" src="https://i0.wp.com/codelatte.org/wp-content/uploads/2018/08/cara-membuat-halaman-github.png?resize=202%2C151&ssl=1" class="attachment-yolox-thumb-sidebar size-yolox-thumb-sidebar wp-post-image jetpack-lazy-image" alt="Cara Membuat GitHub Pages" loading="lazy" data-lazy-src="https://i0.wp.com/codelatte.org/wp-content/uploads/2018/08/cara-membuat-halaman-github.png?resize=202%2C151&ssl=1&is-pending-load=1" srcset="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" /></a></div></article><article class="post_item with_thumb"><div class="post_content"><h6 class="post_title"><a href="https://codelatte.org/perbedaan-id-dan-class-pada-css/">Mengetahui Perbedaan ID dan Class pada CSS</a></h6><div class="post_info"><span class="post_info_item post_info_posted_by">by <a href="https://codelatte.org/author/abay/" class="post_info_author">Abay</a></span></div></div><div class="post_thumb"><a href="https://codelatte.org/perbedaan-id-dan-class-pada-css/"><img width="202" height="151" src="https://i0.wp.com/codelatte.org/wp-content/uploads/2018/07/perbedaan-id-dan-class.png?resize=202%2C151&ssl=1" class="attachment-yolox-thumb-sidebar size-yolox-thumb-sidebar wp-post-image jetpack-lazy-image" alt="Mengetahui Perbedaan ID dan Class pada CSS" loading="lazy" data-lazy-src="https://i0.wp.com/codelatte.org/wp-content/uploads/2018/07/perbedaan-id-dan-class.png?resize=202%2C151&ssl=1&is-pending-load=1" srcset="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" /></a></div></article><article class="post_item with_thumb"><div class="post_content"><h6 class="post_title"><a href="https://codelatte.org/penggunakan-jumbotron-pada-bootstrap/">Apa itu Jumbotron? Bagaimana Cara Menggunakannya?</a></h6><div class="post_info"><span class="post_info_item post_info_posted_by">by <a href="https://codelatte.org/author/abay/" class="post_info_author">Abay</a></span></div></div><div class="post_thumb"><a href="https://codelatte.org/penggunakan-jumbotron-pada-bootstrap/"><img width="202" height="151" src="https://i0.wp.com/codelatte.org/wp-content/uploads/2018/07/membuat-template-website-menggunakan-bootstrap.png?resize=202%2C151&ssl=1" class="attachment-yolox-thumb-sidebar size-yolox-thumb-sidebar wp-post-image jetpack-lazy-image" alt="Apa itu Jumbotron? Bagaimana Cara Menggunakannya?" loading="lazy" data-lazy-src="https://i0.wp.com/codelatte.org/wp-content/uploads/2018/07/membuat-template-website-menggunakan-bootstrap.png?resize=202%2C151&ssl=1&is-pending-load=1" srcset="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" /></a></div></article> </div> <div id="trx_addons_tabs_1186836350_1_content" class="trx_addons_tabs_content"> <article class="post_item with_thumb"><div class="post_content"><h6 class="post_title"><a href="https://codelatte.org/cara-install-git-dan-konfigurasi-awal-yang-harus-dilakukan/">Cara Install Git dan Konfigurasi Awal yang Harus Dilakukan</a></h6><div class="post_info"><span class="post_info_item post_info_posted_by">by <a href="https://codelatte.org/author/galeh/" class="post_info_author">Galeh Rizky</a></span></div></div><div class="post_thumb"><a href="https://codelatte.org/cara-install-git-dan-konfigurasi-awal-yang-harus-dilakukan/"><img width="202" height="151" src="https://i0.wp.com/codelatte.org/wp-content/uploads/2022/06/git-thumbnail.webp?resize=202%2C151&ssl=1" class="attachment-yolox-thumb-sidebar size-yolox-thumb-sidebar wp-post-image jetpack-lazy-image" alt="Cara Install Git dan Konfigurasi Awal yang Harus Dilakukan" loading="lazy" data-lazy-src="https://i0.wp.com/codelatte.org/wp-content/uploads/2022/06/git-thumbnail.webp?resize=202%2C151&ssl=1&is-pending-load=1" srcset="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" /></a></div></article><article class="post_item with_thumb"><div class="post_content"><h6 class="post_title"><a href="https://codelatte.org/cara-membuat-repositori-git-github/">Cara Membuat Repositori Git (GitHub)</a></h6><div class="post_info"><span class="post_info_item post_info_posted_by">by <a href="https://codelatte.org/author/galeh/" class="post_info_author">Galeh Rizky</a></span></div></div><div class="post_thumb"><a href="https://codelatte.org/cara-membuat-repositori-git-github/"><img width="202" height="151" src="https://i0.wp.com/codelatte.org/wp-content/uploads/2022/06/git-thumbnail.webp?resize=202%2C151&ssl=1" class="attachment-yolox-thumb-sidebar size-yolox-thumb-sidebar wp-post-image jetpack-lazy-image" alt="Cara Membuat Repositori Git (GitHub)" loading="lazy" data-lazy-src="https://i0.wp.com/codelatte.org/wp-content/uploads/2022/06/git-thumbnail.webp?resize=202%2C151&ssl=1&is-pending-load=1" srcset="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" /></a></div></article><article class="post_item with_thumb"><div class="post_content"><h6 class="post_title"><a href="https://codelatte.org/melihat-perbandingan-revisi-dengan-git-diff/">Melihat Perbandingan Revisi dengan Git Diff</a></h6><div class="post_info"><span class="post_info_item post_info_posted_by">by <a href="https://codelatte.org/author/galeh/" class="post_info_author">Galeh Rizky</a></span></div></div><div class="post_thumb"><a href="https://codelatte.org/melihat-perbandingan-revisi-dengan-git-diff/"><img width="202" height="151" src="https://i0.wp.com/codelatte.org/wp-content/uploads/2022/06/git-thumbnail.webp?resize=202%2C151&ssl=1" class="attachment-yolox-thumb-sidebar size-yolox-thumb-sidebar wp-post-image jetpack-lazy-image" alt="Melihat Perbandingan Revisi dengan Git Diff" loading="lazy" data-lazy-src="https://i0.wp.com/codelatte.org/wp-content/uploads/2022/06/git-thumbnail.webp?resize=202%2C151&ssl=1&is-pending-load=1" srcset="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" /></a></div></article> </div> </div> </aside><aside id="trx_addons_widget_categories_list-4" class="widget widget_categories_list"><h5 class="widget_title">Kategori</h5><div class="categories_list categories_list_style_1"> <div class="categories_list_columns columns_padding_bottom trx_addons_columns_wrap"><div class="trx_addons_column-1_5"> <div class="categories_list_item"> <h5 class="categories_list_title">Bootstrap</h5> <a href="https://codelatte.org/category/bootstrap/" class="categories_list_link"></a> </div> </div><div class="trx_addons_column-1_5"> <div class="categories_list_item"> <h5 class="categories_list_title">Desain Website</h5> <a href="https://codelatte.org/category/desain-website/" class="categories_list_link"></a> </div> </div><div class="trx_addons_column-1_5"> <div class="categories_list_item"> <h5 class="categories_list_title">GIT</h5> <a href="https://codelatte.org/category/git/" class="categories_list_link"></a> </div> </div><div class="trx_addons_column-1_5"> <div class="categories_list_item"> <h5 class="categories_list_title">Javascript</h5> <a href="https://codelatte.org/category/javascript/" class="categories_list_link"></a> </div> </div><div class="trx_addons_column-1_5"> <div class="categories_list_item"> <h5 class="categories_list_title">PHP</h5> <a href="https://codelatte.org/category/php/" class="categories_list_link"></a> </div> </div><div class="trx_addons_column-1_5"> <div class="categories_list_item"> <h5 class="categories_list_title">Referensi</h5> <a href="https://codelatte.org/category/referensi/" class="categories_list_link"></a> </div> </div><div class="trx_addons_column-1_5"> <div class="categories_list_item"> <h5 class="categories_list_title">Template</h5> <a href="https://codelatte.org/category/template/" class="categories_list_link"></a> </div> </div><div class="trx_addons_column-1_5"> <div class="categories_list_item"> <h5 class="categories_list_title">Wordpress</h5> <a href="https://codelatte.org/category/wordpress/" class="categories_list_link"></a> </div> </div></div></div> </aside> </div><!-- /.sidebar_inner --> </div><!-- /.sidebar --> <div class="clearfix"></div> </div><!-- </.content_wrap> --> <div class="content_wrap"> <section class="related_wrap"> <h2 class="section_title related_wrap_title h2_cust">You May Also Like</h2><div class="columns_wrap posts_container columns_padding_bottom"><div class="column-1_3"><div id="post-623" class="related_item related_item_style_2 post_format_standard post-623 post type-post status-publish format-standard has-post-thumbnail hentry category-bootstrap tag-bootstrap"> <div class="post_featured"><img width="350" height="288" src="https://i0.wp.com/codelatte.org/wp-content/uploads/2018/08/button_bootstrap.png?resize=350%2C288&ssl=1" class="attachment-yolox-thumb-related size-yolox-thumb-related wp-post-image jetpack-lazy-image" alt="Cara Membuat Button Responsive pada Bootstrap" loading="lazy" itemprop="url" data-lazy-src="https://i0.wp.com/codelatte.org/wp-content/uploads/2018/08/button_bootstrap.png?resize=350%2C288&ssl=1&is-pending-load=1" srcset="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" /></div><!-- .post_featured --> <div class="related_content_wrap"> <div class="post_header post_header_single entry-header"> <div class="post_meta"> <span class="post_meta_item post_categories"><a href="https://codelatte.org/category/bootstrap/" rel="category tag">Bootstrap</a></span> </div><!-- .post_meta --> <h2 class="post_title entry-title"><a href="https://codelatte.org/cara-membuat-button-responsive-pada-bootstrap/" rel="bookmark">Cara Membuat Button Responsive pada Bootstrap</a></h2> <div class="secondary_meta_wrap"> <div class="post_meta"> <span class="post_meta_item post_categories"><a href="https://codelatte.org/category/bootstrap/" rel="category tag">Bootstrap</a></span> <span class="post_meta_item post_date " > 2 August 2018 </span> <a href="https://codelatte.org/cara-membuat-button-responsive-pada-bootstrap/#comments" class="post_meta_item post_counters_item post_counters_comments trx_addons_icon-comment"><span class="post_counters_number">8</span><span class="post_counters_label">Comments</span></a> <span class="post_meta_item post_counters_item post_counters_views trx_addons_icon-eye"><span class="post_counters_number">299</span><span class="post_counters_label">Views</span></span> <span class="post_meta_item post_author"> <span class="author_avatar_meta"> <a rel="author" href="https://codelatte.org/author/abay/"><img alt src="https://codelatte.org/wp-content/uploads/2020/07/avatar_user_1_1594238364-35x35.jpg" class="avatar avatar-35 photo jetpack-lazy-image" height="35" width="35" loading="lazy" data-lazy-srcset="https://codelatte.org/wp-content/uploads/2020/07/avatar_user_1_1594238364-70x70.jpg 2x" data-lazy-src="https://codelatte.org/wp-content/uploads/2020/07/avatar_user_1_1594238364-35x35.jpg?is-pending-load=1" srcset="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"><noscript><img alt='' src='https://codelatte.org/wp-content/uploads/2020/07/avatar_user_1_1594238364-35x35.jpg' srcset='https://codelatte.org/wp-content/uploads/2020/07/avatar_user_1_1594238364-70x70.jpg 2x' class='avatar avatar-35 photo' height='35' width='35' loading='lazy'/></noscript></a> </span><!-- .author_avatar --> <span class="author_name">By <a rel="author" href="https://codelatte.org/author/abay/">Abay</a></span> </span> <div class="post_meta_item post_share"><div class="socials_share socials_size_tiny socials_type_drop socials_dir_horizontal"><a href="#" class="socials_caption"><span class="socials_caption_label">Share</span></a><span class="social_items"><a class="social_item social_item_popup" href="http://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fcodelatte.org%2Fcara-membuat-button-responsive-pada-bootstrap%2F" data-link="http://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fcodelatte.org%2Fcara-membuat-button-responsive-pada-bootstrap%2F" data-count="facebook"><span class="social_icon social_icon_facebook sc_icon_type_icons"><span class="trx_addons_icon-facebook"></span><i>Share</i></span></a><a class="social_item social_item_popup" href="https://twitter.com/intent/tweet?text=Cara+Membuat+Button+Responsive+pada+Bootstrap&url=https%3A%2F%2Fcodelatte.org%2Fcara-membuat-button-responsive-pada-bootstrap%2F" data-link="https://twitter.com/intent/tweet?text=Cara Membuat Button Responsive pada Bootstrap&url=https%3A%2F%2Fcodelatte.org%2Fcara-membuat-button-responsive-pada-bootstrap%2F" data-count="twitter"><span class="social_icon social_icon_twitter sc_icon_type_icons"><span class="trx_addons_icon-twitter"></span><i>Twitter</i></span></a><a class="social_item social_item_popup" href="http://pinterest.com/pin/create/link/?url=https%3A%2F%2Fcodelatte.org%2Fcara-membuat-button-responsive-pada-bootstrap%2F" data-link="http://pinterest.com/pin/create/link/?url=https%3A%2F%2Fcodelatte.org%2Fcara-membuat-button-responsive-pada-bootstrap%2F" data-count="pinterest-circled"><span class="social_icon social_icon_pinterest-circled sc_icon_type_icons"><span class="icon-pinterest-circled"></span><i>Pinterest</i></span></a></span></div></div> </div><!-- .post_meta --> </div> </div><!-- .post_header --> <a class="more-link" href="https://codelatte.org/membuat-tabel-pada-bootstrap/">Read More</a> </div> </div> </div><div class="column-1_3"><div id="post-1137" class="related_item related_item_style_2 post_format_standard post-1137 post type-post status-publish format-standard has-post-thumbnail hentry category-bootstrap category-css category-javascript category-referensi tag-css tag-html tag-javascript tag-minify"> <div class="post_featured"><img width="350" height="288" src="https://i0.wp.com/codelatte.org/wp-content/uploads/2018/12/minifikasi-code.png?resize=350%2C288&ssl=1" class="attachment-yolox-thumb-related size-yolox-thumb-related wp-post-image jetpack-lazy-image" alt="minifikasi-code" loading="lazy" itemprop="url" data-lazy-src="https://i0.wp.com/codelatte.org/wp-content/uploads/2018/12/minifikasi-code.png?resize=350%2C288&ssl=1&is-pending-load=1" srcset="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" /></div><!-- .post_featured --> <div class="related_content_wrap"> <div class="post_header post_header_single entry-header"> <div class="post_meta"> <span class="post_meta_item post_categories"><a href="https://codelatte.org/category/bootstrap/" rel="category tag">Bootstrap</a> <a href="https://codelatte.org/category/css/" rel="category tag">CSS</a> <a href="https://codelatte.org/category/javascript/" rel="category tag">Javascript</a> <a href="https://codelatte.org/category/referensi/" rel="category tag">Referensi</a></span> </div><!-- .post_meta --> <h2 class="post_title entry-title"><a href="https://codelatte.org/minifikasi-kode/" rel="bookmark">Minifikasi, Memperkecil Ukuran File Code</a></h2> <div class="secondary_meta_wrap"> <div class="post_meta"> <span class="post_meta_item post_categories"><a href="https://codelatte.org/category/bootstrap/" rel="category tag">Bootstrap</a> <a href="https://codelatte.org/category/css/" rel="category tag">CSS</a> <a href="https://codelatte.org/category/javascript/" rel="category tag">Javascript</a> <a href="https://codelatte.org/category/referensi/" rel="category tag">Referensi</a></span> <span class="post_meta_item post_date " > 21 December 2018 </span> <a href="https://codelatte.org/minifikasi-kode/#comments" class="post_meta_item post_counters_item post_counters_comments trx_addons_icon-comment"><span class="post_counters_number">5</span><span class="post_counters_label">Comments</span></a> <span class="post_meta_item post_counters_item post_counters_views trx_addons_icon-eye"><span class="post_counters_number">134</span><span class="post_counters_label">Views</span></span> <span class="post_meta_item post_author"> <span class="author_avatar_meta"> <a rel="author" href="https://codelatte.org/author/abay/"><img alt src="https://codelatte.org/wp-content/uploads/2020/07/avatar_user_1_1594238364-35x35.jpg" class="avatar avatar-35 photo jetpack-lazy-image" height="35" width="35" loading="lazy" data-lazy-srcset="https://codelatte.org/wp-content/uploads/2020/07/avatar_user_1_1594238364-70x70.jpg 2x" data-lazy-src="https://codelatte.org/wp-content/uploads/2020/07/avatar_user_1_1594238364-35x35.jpg?is-pending-load=1" srcset="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"><noscript><img alt='' src='https://codelatte.org/wp-content/uploads/2020/07/avatar_user_1_1594238364-35x35.jpg' srcset='https://codelatte.org/wp-content/uploads/2020/07/avatar_user_1_1594238364-70x70.jpg 2x' class='avatar avatar-35 photo' height='35' width='35' loading='lazy'/></noscript></a> </span><!-- .author_avatar --> <span class="author_name">By <a rel="author" href="https://codelatte.org/author/abay/">Abay</a></span> </span> <div class="post_meta_item post_share"><div class="socials_share socials_size_tiny socials_type_drop socials_dir_horizontal"><a href="#" class="socials_caption"><span class="socials_caption_label">Share</span></a><span class="social_items"><a class="social_item social_item_popup" href="http://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fcodelatte.org%2Fminifikasi-kode%2F" data-link="http://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fcodelatte.org%2Fminifikasi-kode%2F" data-count="facebook"><span class="social_icon social_icon_facebook sc_icon_type_icons"><span class="trx_addons_icon-facebook"></span><i>Share</i></span></a><a class="social_item social_item_popup" href="https://twitter.com/intent/tweet?text=Minifikasi%2C+Memperkecil+Ukuran+File+Code&url=https%3A%2F%2Fcodelatte.org%2Fminifikasi-kode%2F" data-link="https://twitter.com/intent/tweet?text=Minifikasi, Memperkecil Ukuran File Code&url=https%3A%2F%2Fcodelatte.org%2Fminifikasi-kode%2F" data-count="twitter"><span class="social_icon social_icon_twitter sc_icon_type_icons"><span class="trx_addons_icon-twitter"></span><i>Twitter</i></span></a><a class="social_item social_item_popup" href="http://pinterest.com/pin/create/link/?url=https%3A%2F%2Fcodelatte.org%2Fminifikasi-kode%2F" data-link="http://pinterest.com/pin/create/link/?url=https%3A%2F%2Fcodelatte.org%2Fminifikasi-kode%2F" data-count="pinterest-circled"><span class="social_icon social_icon_pinterest-circled sc_icon_type_icons"><span class="icon-pinterest-circled"></span><i>Pinterest</i></span></a></span></div></div> </div><!-- .post_meta --> </div> </div><!-- .post_header --> <a class="more-link" href="https://codelatte.org/membuat-tabel-pada-bootstrap/">Read More</a> </div> </div> </div><div class="column-1_3"><div id="post-553" class="related_item related_item_style_2 post_format_standard post-553 post type-post status-publish format-standard has-post-thumbnail hentry category-bootstrap tag-bootstrap"> <div class="post_featured"><img width="350" height="288" src="https://i0.wp.com/codelatte.org/wp-content/uploads/2018/07/membuat-template-website-menggunakan-bootstrap.png?resize=350%2C288&ssl=1" class="attachment-yolox-thumb-related size-yolox-thumb-related wp-post-image jetpack-lazy-image" alt="Cara Menggunakan Bootstrap" loading="lazy" itemprop="url" data-lazy-src="https://i0.wp.com/codelatte.org/wp-content/uploads/2018/07/membuat-template-website-menggunakan-bootstrap.png?resize=350%2C288&ssl=1&is-pending-load=1" srcset="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" /></div><!-- .post_featured --> <div class="related_content_wrap"> <div class="post_header post_header_single entry-header"> <div class="post_meta"> <span class="post_meta_item post_categories"><a href="https://codelatte.org/category/bootstrap/" rel="category tag">Bootstrap</a></span> </div><!-- .post_meta --> <h2 class="post_title entry-title"><a href="https://codelatte.org/membuat-gambar-slider-menggunakan-bootstrap/" rel="bookmark">Membuat Gambar Slider Menggunakan Bootstrap</a></h2> <div class="secondary_meta_wrap"> <div class="post_meta"> <span class="post_meta_item post_categories"><a href="https://codelatte.org/category/bootstrap/" rel="category tag">Bootstrap</a></span> <span class="post_meta_item post_date " > 28 July 2018 </span> <a href="https://codelatte.org/membuat-gambar-slider-menggunakan-bootstrap/#comments" class="post_meta_item post_counters_item post_counters_comments trx_addons_icon-comment"><span class="post_counters_number">1</span><span class="post_counters_label">Comment</span></a> <span class="post_meta_item post_counters_item post_counters_views trx_addons_icon-eye"><span class="post_counters_number">162</span><span class="post_counters_label">Views</span></span> <span class="post_meta_item post_author"> <span class="author_avatar_meta"> <a rel="author" href="https://codelatte.org/author/abay/"><img alt src="https://codelatte.org/wp-content/uploads/2020/07/avatar_user_1_1594238364-35x35.jpg" class="avatar avatar-35 photo jetpack-lazy-image" height="35" width="35" loading="lazy" data-lazy-srcset="https://codelatte.org/wp-content/uploads/2020/07/avatar_user_1_1594238364-70x70.jpg 2x" data-lazy-src="https://codelatte.org/wp-content/uploads/2020/07/avatar_user_1_1594238364-35x35.jpg?is-pending-load=1" srcset="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"><noscript><img alt='' src='https://codelatte.org/wp-content/uploads/2020/07/avatar_user_1_1594238364-35x35.jpg' srcset='https://codelatte.org/wp-content/uploads/2020/07/avatar_user_1_1594238364-70x70.jpg 2x' class='avatar avatar-35 photo' height='35' width='35' loading='lazy'/></noscript></a> </span><!-- .author_avatar --> <span class="author_name">By <a rel="author" href="https://codelatte.org/author/abay/">Abay</a></span> </span> <div class="post_meta_item post_share"><div class="socials_share socials_size_tiny socials_type_drop socials_dir_horizontal"><a href="#" class="socials_caption"><span class="socials_caption_label">Share</span></a><span class="social_items"><a class="social_item social_item_popup" href="http://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fcodelatte.org%2Fmembuat-gambar-slider-menggunakan-bootstrap%2F" data-link="http://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fcodelatte.org%2Fmembuat-gambar-slider-menggunakan-bootstrap%2F" data-count="facebook"><span class="social_icon social_icon_facebook sc_icon_type_icons"><span class="trx_addons_icon-facebook"></span><i>Share</i></span></a><a class="social_item social_item_popup" href="https://twitter.com/intent/tweet?text=Membuat+Gambar+Slider+Menggunakan+Bootstrap&url=https%3A%2F%2Fcodelatte.org%2Fmembuat-gambar-slider-menggunakan-bootstrap%2F" data-link="https://twitter.com/intent/tweet?text=Membuat Gambar Slider Menggunakan Bootstrap&url=https%3A%2F%2Fcodelatte.org%2Fmembuat-gambar-slider-menggunakan-bootstrap%2F" data-count="twitter"><span class="social_icon social_icon_twitter sc_icon_type_icons"><span class="trx_addons_icon-twitter"></span><i>Twitter</i></span></a><a class="social_item social_item_popup" href="http://pinterest.com/pin/create/link/?url=https%3A%2F%2Fcodelatte.org%2Fmembuat-gambar-slider-menggunakan-bootstrap%2F" data-link="http://pinterest.com/pin/create/link/?url=https%3A%2F%2Fcodelatte.org%2Fmembuat-gambar-slider-menggunakan-bootstrap%2F" data-count="pinterest-circled"><span class="social_icon social_icon_pinterest-circled sc_icon_type_icons"><span class="icon-pinterest-circled"></span><i>Pinterest</i></span></a></span></div></div> </div><!-- .post_meta --> </div> </div><!-- .post_header --> <a class="more-link" href="https://codelatte.org/membuat-tabel-pada-bootstrap/">Read More</a> </div> </div> </div></div> </section><!-- </.related_wrap> --> </div><!-- </.content_wrap> --> </div><!-- </.page_content_wrap> --> <footer class="footer_wrap footer_default scheme_dark "> <div class="footer_copyright_wrap scheme_ "> <div class="footer_copyright_inner"> <div class="content_wrap"> <div class="copyright_text"> Copyright © 2022 by AncoraThemes. All rights reserved. </div> </div> </div> </div> </footer><!-- /.footer_wrap --> </div><!-- /.page_wrap --> </div><!-- /.body_wrap --> <a href="#" class="trx_addons_scroll_to_top trx_addons_icon-up" title="Scroll to top"></a><div id="mv-grow-data" data-settings='{"general":{"contentSelector":false,"show_count":{"content":false,"sidebar":false},"isTrellis":false},"post":{"ID":448,"categories":[{"ID":32}]},"shareCounts":{"pinterest":0},"shouldRun":true}'></div> <script src="data:text/javascript;base64,KGZ1bmN0aW9uKGJvZHkpeyd1c2Ugc3RyaWN0Jztib2R5LmNsYXNzTmFtZT1ib2R5LmNsYXNzTmFtZS5yZXBsYWNlKC9cYnRyaWJlLW5vLWpzXGIvLCd0cmliZS1qcycpfSkoZG9jdW1lbnQuYm9keSk=" defer></script> <!-- Instagram Feed JS --> <script type="text/javascript" src="data:text/javascript;base64,dmFyIHNiaWFqYXh1cmw9Imh0dHBzOi8vY29kZWxhdHRlLm9yZy93cC1hZG1pbi9hZG1pbi1hamF4LnBocCI=" defer></script> <script src="data:text/javascript;base64,dmFyIHRyaWJlX2wxMG5fZGF0YXRhYmxlcz17ImFyaWEiOnsic29ydF9hc2NlbmRpbmciOiI6IGFjdGl2YXRlIHRvIHNvcnQgY29sdW1uIGFzY2VuZGluZyIsInNvcnRfZGVzY2VuZGluZyI6IjogYWN0aXZhdGUgdG8gc29ydCBjb2x1bW4gZGVzY2VuZGluZyJ9LCJsZW5ndGhfbWVudSI6IlNob3cgX01FTlVfIGVudHJpZXMiLCJlbXB0eV90YWJsZSI6Ik5vIGRhdGEgYXZhaWxhYmxlIGluIHRhYmxlIiwiaW5mbyI6IlNob3dpbmcgX1NUQVJUXyB0byBfRU5EXyBvZiBfVE9UQUxfIGVudHJpZXMiLCJpbmZvX2VtcHR5IjoiU2hvd2luZyAwIHRvIDAgb2YgMCBlbnRyaWVzIiwiaW5mb19maWx0ZXJlZCI6IihmaWx0ZXJlZCBmcm9tIF9NQVhfIHRvdGFsIGVudHJpZXMpIiwiemVyb19yZWNvcmRzIjoiTm8gbWF0Y2hpbmcgcmVjb3JkcyBmb3VuZCIsInNlYXJjaCI6IlNlYXJjaDoiLCJhbGxfc2VsZWN0ZWRfdGV4dCI6IkFsbCBpdGVtcyBvbiB0aGlzIHBhZ2Ugd2VyZSBzZWxlY3RlZC4gIiwic2VsZWN0X2FsbF9saW5rIjoiU2VsZWN0IGFsbCBwYWdlcyIsImNsZWFyX3NlbGVjdGlvbiI6IkNsZWFyIFNlbGVjdGlvbi4iLCJwYWdpbmF0aW9uIjp7ImFsbCI6IkFsbCIsIm5leHQiOiJOZXh0IiwicHJldmlvdXMiOiJQcmV2aW91cyJ9LCJzZWxlY3QiOnsicm93cyI6eyIwIjoiIiwiXyI6IjogU2VsZWN0ZWQgJWQgcm93cyIsIjEiOiI6IFNlbGVjdGVkIDEgcm93In19LCJkYXRlcGlja2VyIjp7ImRheU5hbWVzIjpbIlN1bmRheSIsIk1vbmRheSIsIlR1ZXNkYXkiLCJXZWRuZXNkYXkiLCJUaHVyc2RheSIsIkZyaWRheSIsIlNhdHVyZGF5Il0sImRheU5hbWVzU2hvcnQiOlsiU3VuIiwiTW9uIiwiVHVlIiwiV2VkIiwiVGh1IiwiRnJpIiwiU2F0Il0sImRheU5hbWVzTWluIjpbIlMiLCJNIiwiVCIsIlciLCJUIiwiRiIsIlMiXSwibW9udGhOYW1lcyI6WyJKYW51YXJ5IiwiRmVicnVhcnkiLCJNYXJjaCIsIkFwcmlsIiwiTWF5IiwiSnVuZSIsIkp1bHkiLCJBdWd1c3QiLCJTZXB0ZW1iZXIiLCJPY3RvYmVyIiwiTm92ZW1iZXIiLCJEZWNlbWJlciJdLCJtb250aE5hbWVzU2hvcnQiOlsiSmFudWFyeSIsIkZlYnJ1YXJ5IiwiTWFyY2giLCJBcHJpbCIsIk1heSIsIkp1bmUiLCJKdWx5IiwiQXVndXN0IiwiU2VwdGVtYmVyIiwiT2N0b2JlciIsIk5vdmVtYmVyIiwiRGVjZW1iZXIiXSwibW9udGhOYW1lc01pbiI6WyJKYW4iLCJGZWIiLCJNYXIiLCJBcHIiLCJNYXkiLCJKdW4iLCJKdWwiLCJBdWciLCJTZXAiLCJPY3QiLCJOb3YiLCJEZWMiXSwibmV4dFRleHQiOiJOZXh0IiwicHJldlRleHQiOiJQcmV2IiwiY3VycmVudFRleHQiOiJUb2RheSIsImNsb3NlVGV4dCI6IkRvbmUiLCJ0b2RheSI6IlRvZGF5IiwiY2xlYXIiOiJDbGVhciJ9fQ==" defer></script> <script type="text/javascript" src="data:text/javascript;base64,d2luZG93LldQQ09NX3NoYXJpbmdfY291bnRzPXsiaHR0cHM6XC9cL2NvZGVsYXR0ZS5vcmdcL21lbWJ1YXQtdGFiZWwtcGFkYS1ib290c3RyYXBcLyI6NDQ4fQ==" defer></script> <script type='text/javascript' src='https://c0.wp.com/p/jetpack/11.0/_inc/build/photon/photon.min.js' id='jetpack-photon-js' defer data-deferred="1"></script> <script type='text/javascript' src='https://c0.wp.com/c/6.0/wp-includes/js/dist/vendor/regenerator-runtime.min.js' id='regenerator-runtime-js' defer data-deferred="1"></script> <script type='text/javascript' src='https://c0.wp.com/c/6.0/wp-includes/js/dist/vendor/wp-polyfill.min.js' id='wp-polyfill-js' defer data-deferred="1"></script> <script type='text/javascript' id='contact-form-7-js-extra' src="data:text/javascript;base64,dmFyIHdwY2Y3PXsiYXBpIjp7InJvb3QiOiJodHRwczpcL1wvY29kZWxhdHRlLm9yZ1wvd3AtanNvblwvIiwibmFtZXNwYWNlIjoiY29udGFjdC1mb3JtLTdcL3YxIn0sImNhY2hlZCI6IjEifQ==" defer></script> <script type='text/javascript' id='superpwa-register-sw-js-extra' src="data:text/javascript;base64,dmFyIHN1cGVycHdhX3N3PXsidXJsIjoiXC9zdXBlcnB3YS1zdy5qcyIsImRpc2FibGVfYWRkdG9ob21lIjoiMCIsImVuYWJsZU9uRGVza3RvcCI6IiJ9" defer></script> <script type='text/javascript' id='trx_addons-js-extra' src="data:text/javascript;base64,dmFyIFRSWF9BRERPTlNfU1RPUkFHRT17ImFqYXhfdXJsIjoiaHR0cHM6XC9cL2NvZGVsYXR0ZS5vcmdcL3dwLWFkbWluXC9hZG1pbi1hamF4LnBocCIsImFqYXhfbm9uY2UiOiIwOTAwYWMzOGVhIiwic2l0ZV91cmwiOiJodHRwczpcL1wvY29kZWxhdHRlLm9yZyIsInBvc3RfaWQiOiI0NDgiLCJ2Y19lZGl0X21vZGUiOiIwIiwicG9wdXBfZW5naW5lIjoibWFnbmlmaWMiLCJzY3JvbGxfcHJvZ3Jlc3MiOiJoaWRlIiwiYW5pbWF0ZV9pbm5lcl9saW5rcyI6IjAiLCJhZGRfdGFyZ2V0X2JsYW5rIjoiMCIsIm1lbnVfY29sbGFwc2UiOiIxIiwibWVudV9jb2xsYXBzZV9pY29uIjoidHJ4X2FkZG9uc19pY29uLWVsbGlwc2lzLXZlcnQiLCJ1c2VyX2xvZ2dlZF9pbiI6IjAiLCJlbWFpbF9tYXNrIjoiXihbYS16QS1aMC05X1xcLV0rXFwuKSpbYS16QS1aMC05X1xcLV0rQFthLXowLTlfXFwtXSsoXFwuW2EtejAtOV9cXC1dKykqXFwuW2Etel17Miw2fSQiLCJtc2dfYWpheF9lcnJvciI6IkludmFsaWQgc2VydmVyIGFuc3dlciEiLCJtc2dfbWFnbmlmaWNfbG9hZGluZyI6IkxvYWRpbmcgaW1hZ2UiLCJtc2dfbWFnbmlmaWNfZXJyb3IiOiJFcnJvciBsb2FkaW5nIGltYWdlIiwibXNnX2Vycm9yX2xpa2UiOiJFcnJvciBzYXZpbmcgeW91ciBsaWtlISBQbGVhc2UsIHRyeSBhZ2FpbiBsYXRlci4iLCJtc2dfZmllbGRfbmFtZV9lbXB0eSI6IlRoZSBuYW1lIGNhbid0IGJlIGVtcHR5IiwibXNnX2ZpZWxkX2VtYWlsX2VtcHR5IjoiVG9vIHNob3J0IChvciBlbXB0eSkgZW1haWwgYWRkcmVzcyIsIm1zZ19maWVsZF9lbWFpbF9ub3RfdmFsaWQiOiJJbnZhbGlkIGVtYWlsIGFkZHJlc3MiLCJtc2dfZmllbGRfdGV4dF9lbXB0eSI6IlRoZSBtZXNzYWdlIHRleHQgY2FuJ3QgYmUgZW1wdHkiLCJtc2dfc2VhcmNoX2Vycm9yIjoiU2VhcmNoIGVycm9yISBUcnkgYWdhaW4gbGF0ZXIuIiwibXNnX3NlbmRfY29tcGxldGUiOiJTZW5kIG1lc3NhZ2UgY29tcGxldGUhIiwibXNnX3NlbmRfZXJyb3IiOiJUcmFuc21pdCBmYWlsZWQhIiwibXNnX3ZhbGlkYXRpb25fZXJyb3IiOiJFcnJvciBkYXRhIHZhbGlkYXRpb24hIiwibXNnX25hbWVfZW1wdHkiOiJUaGUgbmFtZSBjYW4ndCBiZSBlbXB0eSIsIm1zZ19uYW1lX2xvbmciOiJUb28gbG9uZyBuYW1lIiwibXNnX2VtYWlsX2VtcHR5IjoiVG9vIHNob3J0IChvciBlbXB0eSkgZW1haWwgYWRkcmVzcyIsIm1zZ19lbWFpbF9sb25nIjoiRS1tYWlsIGFkZHJlc3MgaXMgdG9vIGxvbmciLCJtc2dfZW1haWxfbm90X3ZhbGlkIjoiRS1tYWlsIGFkZHJlc3MgaXMgaW52YWxpZCIsIm1zZ190ZXh0X2VtcHR5IjoiVGhlIG1lc3NhZ2UgdGV4dCBjYW4ndCBiZSBlbXB0eSIsImFqYXhfdmlld3MiOiIiLCJtZW51X2NhY2hlIjpbIi5tZW51X21vYmlsZV9pbm5lciA+IG5hdiA+IHVsIl0sImxvZ2luX3ZpYV9hamF4IjoiMSIsIm1zZ19sb2dpbl9lbXB0eSI6IlRoZSBMb2dpbiBmaWVsZCBjYW4ndCBiZSBlbXB0eSIsIm1zZ19sb2dpbl9sb25nIjoiVGhlIExvZ2luIGZpZWxkIGlzIHRvbyBsb25nIiwibXNnX3Bhc3N3b3JkX2VtcHR5IjoiVGhlIHBhc3N3b3JkIGNhbid0IGJlIGVtcHR5IGFuZCBzaG9ydGVyIHRoZW4gNCBjaGFyYWN0ZXJzIiwibXNnX3Bhc3N3b3JkX2xvbmciOiJUaGUgcGFzc3dvcmQgaXMgdG9vIGxvbmciLCJtc2dfbG9naW5fc3VjY2VzcyI6IkxvZ2luIHN1Y2Nlc3MhIFRoZSBwYWdlIHNob3VsZCBiZSByZWxvYWRlZCBpbiAzIHNlYy4iLCJtc2dfbG9naW5fZXJyb3IiOiJMb2dpbiBmYWlsZWQhIiwibXNnX25vdF9hZ3JlZSI6IlBsZWFzZSwgcmVhZCBhbmQgY2hlY2sgJ1Rlcm1zIGFuZCBDb25kaXRpb25zJyIsIm1zZ19wYXNzd29yZF9ub3RfZXF1YWwiOiJUaGUgcGFzc3dvcmRzIGluIGJvdGggZmllbGRzIGFyZSBub3QgZXF1YWwiLCJtc2dfcmVnaXN0cmF0aW9uX3N1Y2Nlc3MiOiJSZWdpc3RyYXRpb24gc3VjY2VzcyEgUGxlYXNlIGxvZyBpbiEiLCJtc2dfcmVnaXN0cmF0aW9uX2Vycm9yIjoiUmVnaXN0cmF0aW9uIGZhaWxlZCEiLCJzaGFwZXNfdXJsIjoiaHR0cHM6XC9cL2NvZGVsYXR0ZS5vcmdcL3dwLWNvbnRlbnRcL3RoZW1lc1wveW9sb3hcL3RyeF9hZGRvbnNcL2Nzc1wvc2hhcGVzXC8iLCJtc2dfcmF0aW5nX2FscmVhZHlfbWFya2VkIjoiWW91IGhhdmUgYWxyZWFkeSByYXRlZCB0aGlzIHBvc3Qgd2l0aCBtYXJrIHt7WH19IiwiZWxlbWVudG9yX3N0cmV0Y2hlZF9zZWN0aW9uX2NvbnRhaW5lciI6Ii5wYWdlX3dyYXAiLCJwYWdlYnVpbGRlcl9wcmV2aWV3X21vZGUiOiIiLCJzY3JvbGxfdG9fYW5jaG9yIjoiMCIsInVwZGF0ZV9sb2NhdGlvbl9mcm9tX2FuY2hvciI6IjAiLCJtc2dfc2NfZ29vZ2xlbWFwX25vdF9hdmFpbCI6Ikdvb2dsZW1hcCBzZXJ2aWNlIGlzIG5vdCBhdmFpbGFibGUiLCJtc2dfc2NfZ29vZ2xlbWFwX2dlb2NvZGVyX2Vycm9yIjoiRXJyb3Igd2hpbGUgZ2VvY29kZSBhZGRyZXNzIn0=" defer></script> <script type='application/json' id='wpp-json'> {"sampling_active":0,"sampling_rate":100,"ajax_url":"https:\/\/codelatte.org\/wp-json\/wordpress-popular-posts\/v1\/popular-posts","api_url":"https:\/\/codelatte.org\/wp-json\/wordpress-popular-posts","ID":448,"token":"32cf33047c","lang":0,"debug":0} </script> <script type='text/javascript' id='jetpack-lazy-images-js-extra' src="data:text/javascript;base64,dmFyIGpldHBhY2tMYXp5SW1hZ2VzTDEwbj17ImxvYWRpbmdfd2FybmluZyI6IkltYWdlcyBhcmUgc3RpbGwgbG9hZGluZy4gUGxlYXNlIGNhbmNlbCB5b3VyIHByaW50IGFuZCB0cnkgYWdhaW4uIn0=" defer></script> <!-- Google Analytics snippet added by Site Kit --> <script type='text/javascript' src='https://www.googletagmanager.com/gtag/js?id=UA-182341022-1' id='google_gtagjs-js' defer data-deferred="1"></script> <script type='text/javascript' id='google_gtagjs-js-after' src="data:text/javascript;base64,d2luZG93LmRhdGFMYXllcj13aW5kb3cuZGF0YUxheWVyfHxbXTtmdW5jdGlvbiBndGFnKCl7ZGF0YUxheWVyLnB1c2goYXJndW1lbnRzKX0KZ3RhZygnc2V0JywnbGlua2VyJyx7ImRvbWFpbnMiOlsiY29kZWxhdHRlLm9yZyJdfSk7Z3RhZygianMiLG5ldyBEYXRlKCkpO2d0YWcoInNldCIsImRldmVsb3Blcl9pZC5kWlROaU1UIiwhMCk7Z3RhZygiY29uZmlnIiwiVUEtMTgyMzQxMDIyLTEiLHsiYW5vbnltaXplX2lwIjohMCwib3B0aW1pemVfaWQiOiJPUFQtNUZHWjlIOCJ9KQ==" defer></script> <!-- End Google Analytics snippet added by Site Kit --> <script type='text/javascript' id='wpgdprc-front-js-js-extra' src="data:text/javascript;base64,dmFyIHdwZ2RwcmNGcm9udD17ImFqYXhVcmwiOiJodHRwczpcL1wvY29kZWxhdHRlLm9yZ1wvd3AtYWRtaW5cL2FkbWluLWFqYXgucGhwIiwiYWpheE5vbmNlIjoiZjdlNTZlMmE4ZiIsImFqYXhBcmciOiJzZWN1cml0eSIsInBsdWdpblByZWZpeCI6IndwZ2RwcmMiLCJibG9nSWQiOiIxIiwiaXNNdWx0aVNpdGUiOiIiLCJsb2NhbGUiOiJlbl9VUyIsInNob3dTaWduVXBNb2RhbCI6IjEiLCJzaG93Rm9ybU1vZGFsIjoiIiwiY29va2llTmFtZSI6IndwZ2RwcmMtY29uc2VudCIsImNvbnNlbnRWZXJzaW9uIjoiIiwicGF0aCI6IlwvIiwicHJlZml4Ijoid3BnZHByYyJ9" defer></script> <script type='text/javascript' id='yolox-init-js-extra' src="data:text/javascript;base64,dmFyIFlPTE9YX1NUT1JBR0U9eyJhamF4X3VybCI6Imh0dHBzOlwvXC9jb2RlbGF0dGUub3JnXC93cC1hZG1pblwvYWRtaW4tYWpheC5waHAiLCJhamF4X25vbmNlIjoiMDkwMGFjMzhlYSIsInNpdGVfdXJsIjoiaHR0cHM6XC9cL2NvZGVsYXR0ZS5vcmciLCJ0aGVtZV91cmwiOiJodHRwczpcL1wvY29kZWxhdHRlLm9yZ1wvd3AtY29udGVudFwvdGhlbWVzXC95b2xveFwvIiwic2l0ZV9zY2hlbWUiOiJzY2hlbWVfZGVmYXVsdCIsInVzZXJfbG9nZ2VkX2luIjoiIiwibW9iaWxlX2xheW91dF93aWR0aCI6Ijc2NyIsIm1vYmlsZV9kZXZpY2UiOiIiLCJtZW51X3NpZGVfc3RyZXRjaCI6IiIsIm1lbnVfc2lkZV9pY29ucyI6IjEiLCJiYWNrZ3JvdW5kX3ZpZGVvIjoiIiwidXNlX21lZGlhZWxlbWVudHMiOiIxIiwiYWRtaW5fbW9kZSI6IiIsIm1zZ19hamF4X2Vycm9yIjoiSW52YWxpZCBzZXJ2ZXIgYW5zd2VyISIsImFsdGVyX2xpbmtfY29sb3IiOiIjZjI1MDM1IiwiYnV0dG9uX2hvdmVyIjoic2xpZGVfbGVmdCJ9" defer></script> <script type='text/javascript' src='https://c0.wp.com/c/6.0/wp-includes/js/comment-reply.min.js' id='comment-reply-js' defer data-deferred="1"></script> <script type='text/javascript' id='mediaelement-core-js-before' src="data:text/javascript;base64,dmFyIG1lanNMMTBuPXsibGFuZ3VhZ2UiOiJlbiIsInN0cmluZ3MiOnsibWVqcy5kb3dubG9hZC1maWxlIjoiRG93bmxvYWQgRmlsZSIsIm1lanMuaW5zdGFsbC1mbGFzaCI6IllvdSBhcmUgdXNpbmcgYSBicm93c2VyIHRoYXQgZG9lcyBub3QgaGF2ZSBGbGFzaCBwbGF5ZXIgZW5hYmxlZCBvciBpbnN0YWxsZWQuIFBsZWFzZSB0dXJuIG9uIHlvdXIgRmxhc2ggcGxheWVyIHBsdWdpbiBvciBkb3dubG9hZCB0aGUgbGF0ZXN0IHZlcnNpb24gZnJvbSBodHRwczpcL1wvZ2V0LmFkb2JlLmNvbVwvZmxhc2hwbGF5ZXJcLyIsIm1lanMuZnVsbHNjcmVlbiI6IkZ1bGxzY3JlZW4iLCJtZWpzLnBsYXkiOiJQbGF5IiwibWVqcy5wYXVzZSI6IlBhdXNlIiwibWVqcy50aW1lLXNsaWRlciI6IlRpbWUgU2xpZGVyIiwibWVqcy50aW1lLWhlbHAtdGV4dCI6IlVzZSBMZWZ0XC9SaWdodCBBcnJvdyBrZXlzIHRvIGFkdmFuY2Ugb25lIHNlY29uZCwgVXBcL0Rvd24gYXJyb3dzIHRvIGFkdmFuY2UgdGVuIHNlY29uZHMuIiwibWVqcy5saXZlLWJyb2FkY2FzdCI6IkxpdmUgQnJvYWRjYXN0IiwibWVqcy52b2x1bWUtaGVscC10ZXh0IjoiVXNlIFVwXC9Eb3duIEFycm93IGtleXMgdG8gaW5jcmVhc2Ugb3IgZGVjcmVhc2Ugdm9sdW1lLiIsIm1lanMudW5tdXRlIjoiVW5tdXRlIiwibWVqcy5tdXRlIjoiTXV0ZSIsIm1lanMudm9sdW1lLXNsaWRlciI6IlZvbHVtZSBTbGlkZXIiLCJtZWpzLnZpZGVvLXBsYXllciI6IlZpZGVvIFBsYXllciIsIm1lanMuYXVkaW8tcGxheWVyIjoiQXVkaW8gUGxheWVyIiwibWVqcy5jYXB0aW9ucy1zdWJ0aXRsZXMiOiJDYXB0aW9uc1wvU3VidGl0bGVzIiwibWVqcy5jYXB0aW9ucy1jaGFwdGVycyI6IkNoYXB0ZXJzIiwibWVqcy5ub25lIjoiTm9uZSIsIm1lanMuYWZyaWthYW5zIjoiQWZyaWthYW5zIiwibWVqcy5hbGJhbmlhbiI6IkFsYmFuaWFuIiwibWVqcy5hcmFiaWMiOiJBcmFiaWMiLCJtZWpzLmJlbGFydXNpYW4iOiJCZWxhcnVzaWFuIiwibWVqcy5idWxnYXJpYW4iOiJCdWxnYXJpYW4iLCJtZWpzLmNhdGFsYW4iOiJDYXRhbGFuIiwibWVqcy5jaGluZXNlIjoiQ2hpbmVzZSIsIm1lanMuY2hpbmVzZS1zaW1wbGlmaWVkIjoiQ2hpbmVzZSAoU2ltcGxpZmllZCkiLCJtZWpzLmNoaW5lc2UtdHJhZGl0aW9uYWwiOiJDaGluZXNlIChUcmFkaXRpb25hbCkiLCJtZWpzLmNyb2F0aWFuIjoiQ3JvYXRpYW4iLCJtZWpzLmN6ZWNoIjoiQ3plY2giLCJtZWpzLmRhbmlzaCI6IkRhbmlzaCIsIm1lanMuZHV0Y2giOiJEdXRjaCIsIm1lanMuZW5nbGlzaCI6IkVuZ2xpc2giLCJtZWpzLmVzdG9uaWFuIjoiRXN0b25pYW4iLCJtZWpzLmZpbGlwaW5vIjoiRmlsaXBpbm8iLCJtZWpzLmZpbm5pc2giOiJGaW5uaXNoIiwibWVqcy5mcmVuY2giOiJGcmVuY2giLCJtZWpzLmdhbGljaWFuIjoiR2FsaWNpYW4iLCJtZWpzLmdlcm1hbiI6Ikdlcm1hbiIsIm1lanMuZ3JlZWsiOiJHcmVlayIsIm1lanMuaGFpdGlhbi1jcmVvbGUiOiJIYWl0aWFuIENyZW9sZSIsIm1lanMuaGVicmV3IjoiSGVicmV3IiwibWVqcy5oaW5kaSI6IkhpbmRpIiwibWVqcy5odW5nYXJpYW4iOiJIdW5nYXJpYW4iLCJtZWpzLmljZWxhbmRpYyI6IkljZWxhbmRpYyIsIm1lanMuaW5kb25lc2lhbiI6IkluZG9uZXNpYW4iLCJtZWpzLmlyaXNoIjoiSXJpc2giLCJtZWpzLml0YWxpYW4iOiJJdGFsaWFuIiwibWVqcy5qYXBhbmVzZSI6IkphcGFuZXNlIiwibWVqcy5rb3JlYW4iOiJLb3JlYW4iLCJtZWpzLmxhdHZpYW4iOiJMYXR2aWFuIiwibWVqcy5saXRodWFuaWFuIjoiTGl0aHVhbmlhbiIsIm1lanMubWFjZWRvbmlhbiI6Ik1hY2Vkb25pYW4iLCJtZWpzLm1hbGF5IjoiTWFsYXkiLCJtZWpzLm1hbHRlc2UiOiJNYWx0ZXNlIiwibWVqcy5ub3J3ZWdpYW4iOiJOb3J3ZWdpYW4iLCJtZWpzLnBlcnNpYW4iOiJQZXJzaWFuIiwibWVqcy5wb2xpc2giOiJQb2xpc2giLCJtZWpzLnBvcnR1Z3Vlc2UiOiJQb3J0dWd1ZXNlIiwibWVqcy5yb21hbmlhbiI6IlJvbWFuaWFuIiwibWVqcy5ydXNzaWFuIjoiUnVzc2lhbiIsIm1lanMuc2VyYmlhbiI6IlNlcmJpYW4iLCJtZWpzLnNsb3ZhayI6IlNsb3ZhayIsIm1lanMuc2xvdmVuaWFuIjoiU2xvdmVuaWFuIiwibWVqcy5zcGFuaXNoIjoiU3BhbmlzaCIsIm1lanMuc3dhaGlsaSI6IlN3YWhpbGkiLCJtZWpzLnN3ZWRpc2giOiJTd2VkaXNoIiwibWVqcy50YWdhbG9nIjoiVGFnYWxvZyIsIm1lanMudGhhaSI6IlRoYWkiLCJtZWpzLnR1cmtpc2giOiJUdXJraXNoIiwibWVqcy51a3JhaW5pYW4iOiJVa3JhaW5pYW4iLCJtZWpzLnZpZXRuYW1lc2UiOiJWaWV0bmFtZXNlIiwibWVqcy53ZWxzaCI6IldlbHNoIiwibWVqcy55aWRkaXNoIjoiWWlkZGlzaCJ9fQ==" defer></script> <script type='text/javascript' src='https://c0.wp.com/c/6.0/wp-includes/js/mediaelement/mediaelement-and-player.min.js' id='mediaelement-core-js' defer data-deferred="1"></script> <script type='text/javascript' src='https://c0.wp.com/c/6.0/wp-includes/js/mediaelement/mediaelement-migrate.min.js' id='mediaelement-migrate-js' defer data-deferred="1"></script> <script type='text/javascript' id='mediaelement-js-extra' src="data:text/javascript;base64,dmFyIF93cG1lanNTZXR0aW5ncz17InBsdWdpblBhdGgiOiJcL3dwLWluY2x1ZGVzXC9qc1wvbWVkaWFlbGVtZW50XC8iLCJjbGFzc1ByZWZpeCI6Im1lanMtIiwic3RyZXRjaGluZyI6InJlc3BvbnNpdmUifQ==" defer></script> <script type='text/javascript' src='https://c0.wp.com/c/6.0/wp-includes/js/mediaelement/wp-mediaelement.min.js' id='wp-mediaelement-js' defer data-deferred="1"></script> <script type='text/javascript' src='https://c0.wp.com/c/6.0/wp-includes/js/jquery/ui/core.min.js' id='jquery-ui-core-js' defer data-deferred="1"></script> <script type='text/javascript' src='https://c0.wp.com/c/6.0/wp-includes/js/jquery/ui/tabs.min.js' id='jquery-ui-tabs-js' defer data-deferred="1"></script> <script type='text/javascript' src='https://c0.wp.com/c/6.0/wp-includes/js/jquery/ui/effect.min.js' id='jquery-effects-core-js' defer data-deferred="1"></script> <script type='text/javascript' src='https://c0.wp.com/c/6.0/wp-includes/js/jquery/ui/effect-fade.min.js' id='jquery-effects-fade-js' defer data-deferred="1"></script> <script type='text/javascript' id='sharing-js-js-extra' src="data:text/javascript;base64,dmFyIHNoYXJpbmdfanNfb3B0aW9ucz17ImxhbmciOiJlbiIsImNvdW50cyI6IjEiLCJpc19zdGF0c19hY3RpdmUiOiIxIn0=" defer></script> <script type='text/javascript' src='https://c0.wp.com/p/jetpack/11.0/_inc/build/sharedaddy/sharing.min.js' id='sharing-js-js' defer data-deferred="1"></script> <script type='text/javascript' id='sharing-js-js-after' src="data:text/javascript;base64,dmFyIHdpbmRvd09wZW47KGZ1bmN0aW9uKCl7ZnVuY3Rpb24gbWF0Y2hlcyhlbCxzZWwpe3JldHVybiEhKGVsLm1hdGNoZXMmJmVsLm1hdGNoZXMoc2VsKXx8ZWwubXNNYXRjaGVzU2VsZWN0b3ImJmVsLm1zTWF0Y2hlc1NlbGVjdG9yKHNlbCkpfQpkb2N1bWVudC5ib2R5LmFkZEV2ZW50TGlzdGVuZXIoJ2NsaWNrJyxmdW5jdGlvbihldmVudCl7aWYoIWV2ZW50LnRhcmdldCl7cmV0dXJufQp2YXIgZWw7aWYobWF0Y2hlcyhldmVudC50YXJnZXQsJ2Euc2hhcmUtdHdpdHRlcicpKXtlbD1ldmVudC50YXJnZXR9ZWxzZSBpZihldmVudC50YXJnZXQucGFyZW50Tm9kZSYmbWF0Y2hlcyhldmVudC50YXJnZXQucGFyZW50Tm9kZSwnYS5zaGFyZS10d2l0dGVyJykpe2VsPWV2ZW50LnRhcmdldC5wYXJlbnROb2RlfQppZihlbCl7ZXZlbnQucHJldmVudERlZmF1bHQoKTtpZih0eXBlb2Ygd2luZG93T3BlbiE9PSd1bmRlZmluZWQnKXt3aW5kb3dPcGVuLmNsb3NlKCl9CndpbmRvd09wZW49d2luZG93Lm9wZW4oZWwuZ2V0QXR0cmlidXRlKCdocmVmJyksJ3dwY29tdHdpdHRlcicsJ21lbnViYXI9MSxyZXNpemFibGU9MSx3aWR0aD02MDAsaGVpZ2h0PTM1MCcpO3JldHVybiExfX0pfSkoKTt2YXIgd2luZG93T3BlbjsoZnVuY3Rpb24oKXtmdW5jdGlvbiBtYXRjaGVzKGVsLHNlbCl7cmV0dXJuISEoZWwubWF0Y2hlcyYmZWwubWF0Y2hlcyhzZWwpfHxlbC5tc01hdGNoZXNTZWxlY3RvciYmZWwubXNNYXRjaGVzU2VsZWN0b3Ioc2VsKSl9CmRvY3VtZW50LmJvZHkuYWRkRXZlbnRMaXN0ZW5lcignY2xpY2snLGZ1bmN0aW9uKGV2ZW50KXtpZighZXZlbnQudGFyZ2V0KXtyZXR1cm59CnZhciBlbDtpZihtYXRjaGVzKGV2ZW50LnRhcmdldCwnYS5zaGFyZS1mYWNlYm9vaycpKXtlbD1ldmVudC50YXJnZXR9ZWxzZSBpZihldmVudC50YXJnZXQucGFyZW50Tm9kZSYmbWF0Y2hlcyhldmVudC50YXJnZXQucGFyZW50Tm9kZSwnYS5zaGFyZS1mYWNlYm9vaycpKXtlbD1ldmVudC50YXJnZXQucGFyZW50Tm9kZX0KaWYoZWwpe2V2ZW50LnByZXZlbnREZWZhdWx0KCk7aWYodHlwZW9mIHdpbmRvd09wZW4hPT0ndW5kZWZpbmVkJyl7d2luZG93T3Blbi5jbG9zZSgpfQp3aW5kb3dPcGVuPXdpbmRvdy5vcGVuKGVsLmdldEF0dHJpYnV0ZSgnaHJlZicpLCd3cGNvbWZhY2Vib29rJywnbWVudWJhcj0xLHJlc2l6YWJsZT0xLHdpZHRoPTYwMCxoZWlnaHQ9NDAwJyk7cmV0dXJuITF9fSl9KSgp" defer></script> <!--[if IE]> <script type="text/javascript"> if ( 0 === window.location.hash.indexOf( '#comment-' ) ) { // window.location.reload() doesn't respect the Hash in IE window.location.hash = window.location.hash; } </script> <![endif]--> <script type="text/javascript" src="data:text/javascript;base64,KGZ1bmN0aW9uKCl7dmFyIGNvbW1fcGFyX2VsPWRvY3VtZW50LmdldEVsZW1lbnRCeUlkKCdjb21tZW50X3BhcmVudCcpLGNvbW1fcGFyPShjb21tX3Bhcl9lbCYmY29tbV9wYXJfZWwudmFsdWUpP2NvbW1fcGFyX2VsLnZhbHVlOicnLGZyYW1lPWRvY3VtZW50LmdldEVsZW1lbnRCeUlkKCdqZXRwYWNrX3JlbW90ZV9jb21tZW50JyksdGVsbEZyYW1lTmV3UGFyZW50O3RlbGxGcmFtZU5ld1BhcmVudD1mdW5jdGlvbigpe2lmKGNvbW1fcGFyKXtmcmFtZS5zcmM9Imh0dHBzOi8vamV0cGFjay53b3JkcHJlc3MuY29tL2pldHBhY2stY29tbWVudC8/YmxvZ2lkPTE3NTUzOTIwNSZwb3N0aWQ9NDQ4JmNvbW1lbnRfcmVnaXN0cmF0aW9uPTAmcmVxdWlyZV9uYW1lX2VtYWlsPTEmc3RjX2VuYWJsZWQ9MCZzdGJfZW5hYmxlZD0wJnNob3dfYXZhdGFycz0xJmF2YXRhcl9kZWZhdWx0PXJldHJvJmdyZWV0aW5nPUxlYXZlK2ErUmVwbHkmamV0cGFja19jb21tZW50c19ub25jZT00MzlhNDRlZWU1JmdyZWV0aW5nX3JlcGx5PUxlYXZlK2ErUmVwbHkrdG8rJTI1cyZjb2xvcl9zY2hlbWU9bGlnaHQmbGFuZz1lbl9VUyZqZXRwYWNrX3ZlcnNpb249MTEuMCZzaG93X2Nvb2tpZV9jb25zZW50PTEwJmhhc19jb29raWVfY29uc2VudD0wJnRva2VuX2tleT0lM0Jub3JtYWwlM0Imc2lnPThjZjk2Y2NmODZjNTRlMWNmY2ZiZWU1ZGFlMWJmZmU5ODllMThiNjUjcGFyZW50PWh0dHBzJTNBJTJGJTJGY29kZWxhdHRlLm9yZyUyRm1lbWJ1YXQtdGFiZWwtcGFkYS1ib290c3RyYXAlMkYiKycmcmVwbHl0b2NvbT0nK3BhcnNlSW50KGNvbW1fcGFyLDEwKS50b1N0cmluZygpfWVsc2V7ZnJhbWUuc3JjPSJodHRwczovL2pldHBhY2sud29yZHByZXNzLmNvbS9qZXRwYWNrLWNvbW1lbnQvP2Jsb2dpZD0xNzU1MzkyMDUmcG9zdGlkPTQ0OCZjb21tZW50X3JlZ2lzdHJhdGlvbj0wJnJlcXVpcmVfbmFtZV9lbWFpbD0xJnN0Y19lbmFibGVkPTAmc3RiX2VuYWJsZWQ9MCZzaG93X2F2YXRhcnM9MSZhdmF0YXJfZGVmYXVsdD1yZXRybyZncmVldGluZz1MZWF2ZSthK1JlcGx5JmpldHBhY2tfY29tbWVudHNfbm9uY2U9NDM5YTQ0ZWVlNSZncmVldGluZ19yZXBseT1MZWF2ZSthK1JlcGx5K3RvKyUyNXMmY29sb3Jfc2NoZW1lPWxpZ2h0Jmxhbmc9ZW5fVVMmamV0cGFja192ZXJzaW9uPTExLjAmc2hvd19jb29raWVfY29uc2VudD0xMCZoYXNfY29va2llX2NvbnNlbnQ9MCZ0b2tlbl9rZXk9JTNCbm9ybWFsJTNCJnNpZz04Y2Y5NmNjZjg2YzU0ZTFjZmNmYmVlNWRhZTFiZmZlOTg5ZTE4YjY1I3BhcmVudD1odHRwcyUzQSUyRiUyRmNvZGVsYXR0ZS5vcmclMkZtZW1idWF0LXRhYmVsLXBhZGEtYm9vdHN0cmFwJTJGIn19O2lmKCd1bmRlZmluZWQnIT09dHlwZW9mIGFkZENvbW1lbnQpe2FkZENvbW1lbnQuX0pldHBhY2tfbW92ZUZvcm09YWRkQ29tbWVudC5tb3ZlRm9ybTthZGRDb21tZW50Lm1vdmVGb3JtPWZ1bmN0aW9uKGNvbW1JZCxwYXJlbnRJZCxyZXNwb25kSWQscG9zdElkKXt2YXIgcmV0dXJuVmFsdWU9YWRkQ29tbWVudC5fSmV0cGFja19tb3ZlRm9ybShjb21tSWQscGFyZW50SWQscmVzcG9uZElkLHBvc3RJZCksY2FuY2VsQ2xpY2ssY2FuY2VsO2lmKCExPT09cmV0dXJuVmFsdWUpe2NhbmNlbD1kb2N1bWVudC5nZXRFbGVtZW50QnlJZCgnY2FuY2VsLWNvbW1lbnQtcmVwbHktbGluaycpO2NhbmNlbENsaWNrPWNhbmNlbC5vbmNsaWNrO2NhbmNlbC5vbmNsaWNrPWZ1bmN0aW9uKCl7dmFyIGNhbmNlbFJldHVybj1jYW5jZWxDbGljay5jYWxsKHRoaXMpO2lmKCExIT09Y2FuY2VsUmV0dXJuKXtyZXR1cm4gY2FuY2VsUmV0dXJufQppZighY29tbV9wYXIpe3JldHVybiBjYW5jZWxSZXR1cm59CmNvbW1fcGFyPTA7dGVsbEZyYW1lTmV3UGFyZW50KCk7cmV0dXJuIGNhbmNlbFJldHVybn19CmlmKGNvbW1fcGFyPT1wYXJlbnRJZCl7cmV0dXJuIHJldHVyblZhbHVlfQpjb21tX3Bhcj1wYXJlbnRJZDt0ZWxsRnJhbWVOZXdQYXJlbnQoKTtyZXR1cm4gcmV0dXJuVmFsdWV9fQpkb2N1bWVudC5hZGRFdmVudExpc3RlbmVyKCdET01Db250ZW50TG9hZGVkJyxmdW5jdGlvbigpe3ZhciBpZnJhbWVfdXJsPSJodHRwczpcL1wvamV0cGFjay53b3JkcHJlc3MuY29tIjtpZih3aW5kb3cucG9zdE1lc3NhZ2Upe2lmKGRvY3VtZW50LmFkZEV2ZW50TGlzdGVuZXIpe3dpbmRvdy5hZGRFdmVudExpc3RlbmVyKCdtZXNzYWdlJyxmdW5jdGlvbihldmVudCl7dmFyIG9yaWdpbj1ldmVudC5vcmlnaW4ucmVwbGFjZSgvXmh0dHA6XC9cLy9pLCdodHRwczovLycpO2lmKGlmcmFtZV91cmwucmVwbGFjZSgvXmh0dHA6XC9cLy9pLCdodHRwczovLycpIT09b3JpZ2luKXtyZXR1cm59CmZyYW1lLnN0eWxlLmhlaWdodD1ldmVudC5kYXRhKydweCd9KX1lbHNlIGlmKGRvY3VtZW50LmF0dGFjaEV2ZW50KXt3aW5kb3cuYXR0YWNoRXZlbnQoJ21lc3NhZ2UnLGZ1bmN0aW9uKGV2ZW50KXt2YXIgb3JpZ2luPWV2ZW50Lm9yaWdpbi5yZXBsYWNlKC9eaHR0cDpcL1wvL2ksJ2h0dHBzOi8vJyk7aWYoaWZyYW1lX3VybC5yZXBsYWNlKC9eaHR0cDpcL1wvL2ksJ2h0dHBzOi8vJykhPT1vcmlnaW4pe3JldHVybn0KZnJhbWUuc3R5bGUuaGVpZ2h0PWV2ZW50LmRhdGErJ3B4J30pfX19KX0pKCk=" defer></script> <script src='https://stats.wp.com/e-202227.js' defer></script> <script src="data:text/javascript;base64,X3N0cT13aW5kb3cuX3N0cXx8W107X3N0cS5wdXNoKFsndmlldycse3Y6J2V4dCcsajonMToxMS4wJyxibG9nOicxNzU1MzkyMDUnLHBvc3Q6JzQ0OCcsdHo6JzcnLHNydjonY29kZWxhdHRlLm9yZyd9XSk7X3N0cS5wdXNoKFsnY2xpY2tUcmFja2VySW5pdCcsJzE3NTUzOTIwNScsJzQ0OCddKQ==" defer></script> <script data-optimized="1" src="https://codelatte.org/wp-content/litespeed/js/9779fc17063b1973f6dd43344eca968b.js?ver=e9277" defer></script></body> </html> <!-- Page supported by LiteSpeed Cache 4.6 on 2022-07-04 14:01:00 --><script type="text/javascript">(function(){window['__CF$cv$params']={r:'7255fcaeb9a459c8',m:'G0II7XotPjrDQjQUxXzGXLsDDc00TKlShh39OYcRWrA-1656918061-0-AafU2o+P9MS5ruA/L7xC19PXdvi6OOgcbyQJ5Mq7B2CgeyRRi+Qfs1ZubJJ9J2Z8n8+zG5VSVClMS9OH6RZ4fxJgP1ejUbf8NhA0ekqmm5wZZbLLxifBXsoFe22P97ZCVhwUwF0QC6Xs2PmPJnEY/CI=',s:[0x38904dbcf3,0xc7d16b0719],u:'/cdn-cgi/challenge-platform/h/b'}})();</script>