Cara Membuat Web html Keren Dengan Notepad Lengkap

By

Setiap hari kita mengakses website dari ponsel yang kita miliki untuk berbagai kebutuhan, baik untuk melakukan aktivitas di media sosial, mencari informasi, belanja dan lain sebagainya. Pernahkah anda bertanya? Apakah sulit membuat web? Artikel ini akan menjelaskan bagaimana cara membuat web html keren dengan notepad secara lengkap. Yuk simak!

Saat ini membuat web memang tidak sulit, karena sudah banyak CMS (Content Management System) yang bisa di gunakan untuk membuat web dengan lebih mudah tanpa harus paham coding.

Akan tetapi pemahaman akan web html sangat penting, dengan memahami pembuatan web berbasis html ini anda bisa membuat sebuah website sesuai dengan keinginan anda tanpa menggunakan aturan CMS lagi.

Kelebihan web html sendiri

Membuat sebuah web dengan html sendiri tentu memiliki banyak kelebihan. Berbeda dengan web CMS, web html memiliki beberapa kelebihan diantaranya:

  1. Lebih fleksibel bisa buat sesuai dengan keinginan sendiri
  2. Bisa mendesain web sesuai selera
  3. Dapat digunakan pada berbagai jenis komputer

Tag dasar web html

Sebelum anda belajar proses membuat web html, terlebih dahulu anda harus paham beberapa jenis tag dasar html yang digunakan untuk membuat web. Beberapa tag dasar html yang digunakan diantaranya adalah:

  1. Tag <html> </html> : Digunakan untuk jenis dokumen
  2. Tag <head> </head> : Digunakan untuk bagian header atau bagian atas web
  3. Tag <title> </title> : Digunakan untuk judul halaman web
  4. Tag <body> <body> : Digunakan untuk bagian body web

Baca juga:

Cara buat web dengan hosting sendiri

Cara membuat web html keren dengan notepad

Setelah anda memahami dasar-dasar tag html yang sering digunakan untuk membuat web html maka langkah selanjutnya adalah tinggal langsung anda praktikan untuk membuat sebuah website berbasis html.

Tim carapedi sudah menuliskan prosedur dan cara-caranya untuk anda. Silahkan simak uraian selengkapnya berikut ini:

  • Silahkan anda buka aplikasi notepad dari komputer yang anda miliki, dengan cara klik start, pilih all program, windows accecories, lalu pilih dan klik notepad
cara membuat web html keren dengan notepad
Membuka aplikasi notepad dari komputer
  • Ketika anda mulai membuat web html, silahkan anda awali dengan memasukkan kode <html> terlebih dahulu, seperti ini:
cara membuat web html keren dengan notepad
Mengawali proses pembuatan web html anda awali dengan memasukkan kode
  • Kemudian masukkan kode <head> untuk membuat kepala atau bagian atas web yang akan anda buat
cara membuat web html keren dengan notepad
Masukkan kode untuk membuat bagian atas web
  • Buat judul web anda dengan memasukkan kode <title> JUDUL WEB </title>, contohnya seperti ini:
cara membuat web html keren dengan notepad
Memasukkan judul we dengan tag </figcaption></figure> <ul><li>Kemudian akhiri lagi dengan kode <head></li></ul> <figure class="wp-block-image"><img width="331" height="145" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20331%20145'%3E%3C/svg%3E" alt="cara membuat web html keren dengan notepad" class="wp-image-7953" title="Cara Membuat Web html Keren Dengan Notepad Lengkap" data-lazy-src="https://carapedi.id/wp-content/uploads/2019/07/Cara-Membuat-Web-html-Keren-Dengan-Notepad-Lengkap-4.png"><noscript><img width="331" height="145" src="https://carapedi.id/wp-content/uploads/2019/07/Cara-Membuat-Web-html-Keren-Dengan-Notepad-Lengkap-4.png" alt="cara membuat web html keren dengan notepad" class="wp-image-7953" title="Cara Membuat Web html Keren Dengan Notepad Lengkap"></noscript></figure> <ul><li>Selanjutnya anda buat bagian body nya dengan menggunakan tag <body> <body>, pada bagian body anda bisa memasukkan H1 dan juga menambahkan meta deskripsi situs yang anda buat dengan warna sesuai keinginan, contohnya seperti ini:</li></ul> <figure class="wp-block-image"><img width="684" height="210" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20684%20210'%3E%3C/svg%3E" alt="cara membuat web html keren dengan notepad" class="wp-image-7954" title="Cara Membuat Web html Keren Dengan Notepad Lengkap" data-lazy-src="https://carapedi.id/wp-content/uploads/2019/07/Cara-Membuat-Web-html-Keren-Dengan-Notepad-Lengkap-5.png"><noscript><img width="684" height="210" src="https://carapedi.id/wp-content/uploads/2019/07/Cara-Membuat-Web-html-Keren-Dengan-Notepad-Lengkap-5.png" alt="cara membuat web html keren dengan notepad" class="wp-image-7954" title="Cara Membuat Web html Keren Dengan Notepad Lengkap"></noscript><figcaption>Contoh body situs html</figcaption></figure> <ul><li>Akhiri dengan menggunakan tag <html> kembali</li></ul> <figure class="wp-block-image"><img width="681" height="226" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20681%20226'%3E%3C/svg%3E" alt="cara membuat web html keren dengan notepad" class="wp-image-7955" title="Cara Membuat Web html Keren Dengan Notepad Lengkap" data-lazy-src="https://carapedi.id/wp-content/uploads/2019/07/Cara-Membuat-Web-html-Keren-Dengan-Notepad-Lengkap-6.png"><noscript><img width="681" height="226" src="https://carapedi.id/wp-content/uploads/2019/07/Cara-Membuat-Web-html-Keren-Dengan-Notepad-Lengkap-6.png" alt="cara membuat web html keren dengan notepad" class="wp-image-7955" title="Cara Membuat Web html Keren Dengan Notepad Lengkap"></noscript><figcaption>Akhiri dengan menggunakan tag <html></figcaption></figure> <ul><li>Jika semua sudah selesai, silahkan anda simpan file web html tersebut, klik file> pilih simpan</li></ul> <figure class="wp-block-image"><img width="682" height="222" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20682%20222'%3E%3C/svg%3E" alt="cara membuat web html keren dengan notepad" class="wp-image-7956" title="Cara Membuat Web html Keren Dengan Notepad Lengkap" data-lazy-src="https://carapedi.id/wp-content/uploads/2019/07/Cara-Membuat-Web-html-Keren-Dengan-Notepad-Lengkap-7.png"><noscript><img width="682" height="222" src="https://carapedi.id/wp-content/uploads/2019/07/Cara-Membuat-Web-html-Keren-Dengan-Notepad-Lengkap-7.png" alt="cara membuat web html keren dengan notepad" class="wp-image-7956" title="Cara Membuat Web html Keren Dengan Notepad Lengkap"></noscript><figcaption>Menyimpan file web html</figcaption></figure> <ul><li>Beri nama file tersebut sesuai keinginan</li><li>Pilih format penyimpanan file .html</li></ul> <p>Nah itulah beberapa langkah <a href="https://carapedi.id/blog/cara-membuat-web-html-keren-dengan-notepad-lengkap/">cara membuat web html keren dengan notepad</a>. Setelah anda menyimpan file tersebut maka anda bisa langsung membukanya dan akan mengarah ke browser di komputer anda.</p> <div data-ad-id="16913" style="text-align:left; margin-top:px; margin-bottom:px; margin-left:px; margin-right:px;float:none;" class="afw afw_custom afw_ad afwadid-16913 "> <script data-rocketlazyloadscript='https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js' async ></script> <!-- Sidebar --> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-8840643959099778" data-ad-slot="1645160522" data-ad-format="link" data-full-width-responsive="true"></ins> <script data-cfasync="false" data-wpmeteor-after="REORDER" type="javascript/blocked"> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div><div class="saboxplugin-wrap" itemtype="http://schema.org/Person" itemscope itemprop="author"><div class="saboxplugin-gravatar"><a href='https://carapedi.id/penulis/rynd/'><img width="480" height="681" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20480%20681'%3E%3C/svg%3E" alt="e26ca0250c1a96393a056c0a3e78a5bc" itemprop="image" title="Cara Membuat Web html Keren Dengan Notepad Lengkap" data-lazy-src="https://carapedi.id/wp-content/uploads/2021/04/e26ca0250c1a96393a056c0a3e78a5bc.jpg"><noscript><img width="480" height="681" src="https://carapedi.id/wp-content/uploads/2021/04/e26ca0250c1a96393a056c0a3e78a5bc.jpg" alt="e26ca0250c1a96393a056c0a3e78a5bc" itemprop="image" title="Cara Membuat Web html Keren Dengan Notepad Lengkap"></noscript></a></div><div class="saboxplugin-authorname"><a href="https://carapedi.id/penulis/rynd/" class="vcard author" rel="author" itemprop="url"><span class="fn" itemprop="name">Rynd</span></a></div><div class="saboxplugin-desc"><div itemprop="description"><p>Saya Rynd, hanya seorang Blogger <em>Enthusiasm</em>, <em>Content Writter</em> dan pelajar jadi satu. Saya juga merupakan <em>founder</em> dari Netzone Media. Saya ingin sukses, tapi malas ngantor di orang lain. Untuk itu, saya buka jasa<em> content writter</em> sendiri agar bisa kerja sambil koloran.</p> </div></div><div class="clearfix"></div><div class="saboxplugin-socials "><a target="_blank" href="https://web.facebook.com/riyandi.ramdani.92" rel="nofollow noopener" class="saboxplugin-icon-grey"><svg aria-hidden="true" class="sab-facebook" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 264 512"><path fill="currentColor" d="M76.7 512V283H0v-91h76.7v-71.7C76.7 42.4 124.3 0 193.8 0c33.3 0 61.9 2.5 70.2 3.6V85h-48.2c-37.8 0-45.1 18-45.1 44.3V192H256l-11.7 91h-73.6v229"></path></svg></span></a><a target="_blank" href="https://www.instagram.com/riandiramdani" rel="nofollow noopener" class="saboxplugin-icon-grey"><svg aria-hidden="true" class="sab-instagram" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="currentColor" d="M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z"></path></svg></span></a></div></div><div class="swp_social_panel swp_horizontal_panel swp_flat_fresh swp_default_full_color swp_individual_full_color swp_other_full_color scale-100 scale-" data-min-width="1100" data-float-color="#ffffff" data-float="none" data-float-mobile="none" data-transition="slide" data-post-id="7945" ><div class="nc_tweetContainer swp_share_button swp_twitter" data-network="twitter"><a class="nc_tweet swp_share_link" rel="nofollow noreferrer noopener" target="_blank" href="https://twitter.com/intent/tweet?text=Cara+Membuat+Web+html+Keren+Dengan+Notepad+Lengkap&url=https%3A%2F%2Fcarapedi.id%2Fcara-membuat-web-html-keren-dengan-notepad-lengkap%2F" data-link="https://twitter.com/intent/tweet?text=Cara+Membuat+Web+html+Keren+Dengan+Notepad+Lengkap&url=https%3A%2F%2Fcarapedi.id%2Fcara-membuat-web-html-keren-dengan-notepad-lengkap%2F"><span class="swp_count swp_hide"><span class="iconFiller"><span class="spaceManWilly"><i class="sw swp_twitter_icon"></i><span class="swp_share">Tweet</span></span></span></span></a></div><div class="nc_tweetContainer swp_share_button swp_facebook" data-network="facebook"><a class="nc_tweet swp_share_link" rel="nofollow noreferrer noopener" target="_blank" href="https://www.facebook.com/share.php?u=https%3A%2F%2Fcarapedi.id%2Fcara-membuat-web-html-keren-dengan-notepad-lengkap%2F" data-link="https://www.facebook.com/share.php?u=https%3A%2F%2Fcarapedi.id%2Fcara-membuat-web-html-keren-dengan-notepad-lengkap%2F"><span class="swp_count swp_hide"><span class="iconFiller"><span class="spaceManWilly"><i class="sw swp_facebook_icon"></i><span class="swp_share">Share</span></span></span></span></a></div><div class="nc_tweetContainer swp_share_button swp_linkedin" data-network="linkedin"><a class="nc_tweet swp_share_link" rel="nofollow noreferrer noopener" target="_blank" href="https://www.linkedin.com/cws/share?url=https%3A%2F%2Fcarapedi.id%2Fcara-membuat-web-html-keren-dengan-notepad-lengkap%2F" data-link="https://www.linkedin.com/cws/share?url=https%3A%2F%2Fcarapedi.id%2Fcara-membuat-web-html-keren-dengan-notepad-lengkap%2F"><span class="swp_count swp_hide"><span class="iconFiller"><span class="spaceManWilly"><i class="sw swp_linkedin_icon"></i><span class="swp_share">Share</span></span></span></span></a></div><div class="nc_tweetContainer swp_share_button swp_pinterest" data-network="pinterest"><a rel="nofollow noreferrer noopener" class="nc_tweet swp_share_link noPop" onClick="var e=document.createElement('script'); e.setAttribute('type','text/javascript'); e.setAttribute('charset','UTF-8'); e.setAttribute('src','//assets.pinterest.com/js/pinmarklet.js?r='+Math.random()*99999999); document.body.appendChild(e); " ><span class="iconFiller"><span class="spaceManWilly"><i class="sw swp_pinterest_icon"></i><span class="swp_share">Pin</span></span></span><span class="swp_count">1</span></a></div><div class="nc_tweetContainer swp_share_button total_shares total_sharesalt" ><span class="swp_count ">1 <span class="swp_label">Shares</span></span></div></div><div class="swp-content-locator"></div> </div> <footer class="entry-meta"> <span class="cat-links"><span class="gp-icon icon-categories"><svg viewBox="0 0 512 512" aria-hidden="true" role="img" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="1em" height="1em"> <path d="M0 112c0-26.51 21.49-48 48-48h110.014a48 48 0 0 1 43.592 27.907l12.349 26.791A16 16 0 0 0 228.486 128H464c26.51 0 48 21.49 48 48v224c0 26.51-21.49 48-48 48H48c-26.51 0-48-21.49-48-48V112z" fill-rule="nonzero"/> </svg></span><span class="screen-reader-text">Kategori </span><a href="https://carapedi.id/category/blogging/" rel="category tag">Blogging</a></span> <nav id="nav-below" class="post-navigation"> <span class="screen-reader-text">Navigasi Tulisan</span> <div class="nav-previous"><span class="gp-icon icon-arrow-left"><svg viewBox="0 0 192 512" xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.414"> <path d="M178.425 138.212c0 2.265-1.133 4.813-2.832 6.512L64.276 256.001l111.317 111.277c1.7 1.7 2.832 4.247 2.832 6.513 0 2.265-1.133 4.813-2.832 6.512L161.43 394.46c-1.7 1.7-4.249 2.832-6.514 2.832-2.266 0-4.816-1.133-6.515-2.832L16.407 262.514c-1.699-1.7-2.832-4.248-2.832-6.513 0-2.265 1.133-4.813 2.832-6.512l131.994-131.947c1.7-1.699 4.249-2.831 6.515-2.831 2.265 0 4.815 1.132 6.514 2.831l14.163 14.157c1.7 1.7 2.832 3.965 2.832 6.513z" fill-rule="nonzero"/> </svg></span><span class="prev" title="Sebelumnya"><a href="https://carapedi.id/cara-membuat-chanel-youtube/" rel="prev">Cara Membuat Chanel Youtube di Android & Laptop Menghasilkan Uang</a></span></div><div class="nav-next"><span class="gp-icon icon-arrow-right"><svg viewBox="0 0 192 512" xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.414"> <path d="M178.425 256.001c0 2.266-1.133 4.815-2.832 6.515L43.599 394.509c-1.7 1.7-4.248 2.833-6.514 2.833s-4.816-1.133-6.515-2.833l-14.163-14.162c-1.699-1.7-2.832-3.966-2.832-6.515 0-2.266 1.133-4.815 2.832-6.515l111.317-111.316L16.407 144.685c-1.699-1.7-2.832-4.249-2.832-6.515s1.133-4.815 2.832-6.515l14.163-14.162c1.7-1.7 4.249-2.833 6.515-2.833s4.815 1.133 6.514 2.833l131.994 131.993c1.7 1.7 2.832 4.249 2.832 6.515z" fill-rule="nonzero"/> </svg></span><span class="next" title="Berikut"><a href="https://carapedi.id/cara-membuat-contact-us-keren/" rel="next">Cara Membuat Contact Us Keren di Blogger dan WordPress</a></span></div> </nav> </footer> </div> </article> <div class="comments-area"> <div id="comments"> <div id="respond" class="comment-respond"> <h3 id="reply-title" class="comment-reply-title">Tinggalkan komentar <small><a rel="nofollow" id="cancel-comment-reply-link" href="/cara-membuat-web-html-keren-dengan-notepad-lengkap/#respond" style="display:none;">Batalkan balasan</a></small></h3><form action="https://carapedi.id/wp-comments-post.php" method="post" id="commentform" class="comment-form" novalidate><p class="comment-form-comment"><label for="comment" class="screen-reader-text">Komentar</label><textarea id="comment" name="comment" cols="45" rows="8" aria-required="true" required></textarea></p><label for="author" class="screen-reader-text">Nama</label><input placeholder="Nama" id="author" name="author" type="text" value="" size="30" /> <label for="email" class="screen-reader-text">Surel</label><input placeholder="Surel" id="email" name="email" type="email" value="" size="30" /> <label for="url" class="screen-reader-text">Situs web</label><input placeholder="Situs web" id="url" name="url" type="url" value="" size="30" /> <p class="form-submit"><input name="submit" type="submit" id="submit" class="submit" value="Kirim Komentar" /> <input type='hidden' name='comment_post_ID' value='7945' id='comment_post_ID' /> <input type='hidden' name='comment_parent' id='comment_parent' value='0' /> </p><p style="display: none;"><input type="hidden" id="akismet_comment_nonce" name="akismet_comment_nonce" value="4d1d8a20f2" /></p><input type="hidden" id="ak_js" name="ak_js" value="11"/><textarea name="ak_hp_textarea" cols="45" rows="8" maxlength="100" style="display: none !important;"></textarea></form> </div><!-- #respond --> <p class="akismet_comment_form_privacy_notice">Situs ini menggunakan Akismet untuk mengurangi spam. <a href="https://akismet.com/privacy/" target="_blank" rel="nofollow noopener">Pelajari bagaimana data komentar anda diproses</a>.</p> </div><!-- #comments --> </div> </main> </div> <div id="left-sidebar" class="widget-area sidebar is-left-sidebar" itemtype="https://schema.org/WPSideBar" itemscope> <div class="inside-left-sidebar"> <aside id="custom_html-10" class="widget_text widget inner-padding widget_custom_html"><h2 class="widget-title">Rekomendasi Terbaik:</h2><div class="textwidget custom-html-widget"><script data-rocketlazyloadscript='https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js' async ></script> <!-- Iklan Widget Carapedi.id --> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-8840643959099778" data-ad-slot="2127240783" data-ad-format="auto" data-full-width-responsive="true"></ins> <script data-cfasync="false" data-wpmeteor-after="REORDER" type="javascript/blocked"> (adsbygoogle = window.adsbygoogle || []).push({}); </script></div></aside><aside id="recent-posts-widget-with-thumbnails-1" class="widget inner-padding recent-posts-widget-with-thumbnails"> <div id="rpwwt-recent-posts-widget-with-thumbnails-1" class="rpwwt-widget"> <h2 class="widget-title">Artikel Terbaru:</h2> <ul> <li><a href="https://carapedi.id/why-you-need-to-write-my-essay-for-me/"><span class="rpwwt-post-title">Why You Need to Write My Essay For Me</span></a></li> <li><a href="https://carapedi.id/al-killed-after-attempting-to-utilize-app-to/"><span class="rpwwt-post-title">Al Killed After Attempting To Utilize App to Course – NBC News</span></a></li> <li><a href="https://carapedi.id/membuat-facebook-pages/"><img width="125" height="70" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20125%2070'%3E%3C/svg%3E" class="attachment-125x125 size-125x125 wp-post-image" alt="membuat facebook pages" data-lazy-srcset="https://carapedi.id/wp-content/uploads/2021/05/facebookpages.png 1599w, https://carapedi.id/wp-content/uploads/2021/05/facebookpages-768x432.png 768w, https://carapedi.id/wp-content/uploads/2021/05/facebookpages-1536x864.png 1536w" data-lazy-sizes="(max-width: 125px) 100vw, 125px" title="6 Langkah Cara Membuat Facebook Pages Terbaru" data-lazy-src="https://carapedi.id/wp-content/uploads/2021/05/facebookpages.png"><noscript><img width="125" height="70" src="https://carapedi.id/wp-content/uploads/2021/05/facebookpages.png" class="attachment-125x125 size-125x125 wp-post-image" alt="membuat facebook pages" srcset="https://carapedi.id/wp-content/uploads/2021/05/facebookpages.png 1599w, https://carapedi.id/wp-content/uploads/2021/05/facebookpages-768x432.png 768w, https://carapedi.id/wp-content/uploads/2021/05/facebookpages-1536x864.png 1536w" sizes="(max-width: 125px) 100vw, 125px" title="6 Langkah Cara Membuat Facebook Pages Terbaru"></noscript><span class="rpwwt-post-title">6 Langkah Cara Membuat Facebook Pages Terbaru</span></a></li> <li><a href="https://carapedi.id/menghapus-chromium-dan-tips-cara-menghindarinya/"><img width="125" height="125" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20125%20125'%3E%3C/svg%3E" class="attachment-125x125 size-125x125 wp-post-image" alt="cara menghapus chromium" data-lazy-srcset="https://carapedi.id/wp-content/uploads/2021/05/chromiumlogoi.png 256w, https://carapedi.id/wp-content/uploads/2021/05/chromiumlogoi-60x60.png 60w" data-lazy-sizes="(max-width: 125px) 100vw, 125px" title="4 Cara Menghapus Chromium dan Tips Cara Menghindarinya" data-lazy-src="https://carapedi.id/wp-content/uploads/2021/05/chromiumlogoi.png"><noscript><img width="125" height="125" src="https://carapedi.id/wp-content/uploads/2021/05/chromiumlogoi.png" class="attachment-125x125 size-125x125 wp-post-image" alt="cara menghapus chromium" srcset="https://carapedi.id/wp-content/uploads/2021/05/chromiumlogoi.png 256w, https://carapedi.id/wp-content/uploads/2021/05/chromiumlogoi-60x60.png 60w" sizes="(max-width: 125px) 100vw, 125px" title="4 Cara Menghapus Chromium dan Tips Cara Menghindarinya"></noscript><span class="rpwwt-post-title">4 Cara Menghapus Chromium dan Tips Cara Menghindarinya</span></a></li> <li><a href="https://carapedi.id/menggunakan-smartphone-sebagai-webcam-di-komputer/"><img width="125" height="84" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20125%2084'%3E%3C/svg%3E" class="attachment-125x125 size-125x125 wp-post-image" alt="menggunakan smartphone sebagai webcam" data-lazy-srcset="https://carapedi.id/wp-content/uploads/2021/05/waldemar-brandt-VAoSKP_ocN0-unsplash.jpg 1920w, https://carapedi.id/wp-content/uploads/2021/05/waldemar-brandt-VAoSKP_ocN0-unsplash-200x135.jpg 200w, https://carapedi.id/wp-content/uploads/2021/05/waldemar-brandt-VAoSKP_ocN0-unsplash-768x518.jpg 768w, https://carapedi.id/wp-content/uploads/2021/05/waldemar-brandt-VAoSKP_ocN0-unsplash-1536x1037.jpg 1536w" data-lazy-sizes="(max-width: 125px) 100vw, 125px" title="Cara Menggunakan Smartphone Sebagai Webcam di Komputer Terbaru 2021" data-lazy-src="https://carapedi.id/wp-content/uploads/2021/05/waldemar-brandt-VAoSKP_ocN0-unsplash.jpg"><noscript><img width="125" height="84" src="https://carapedi.id/wp-content/uploads/2021/05/waldemar-brandt-VAoSKP_ocN0-unsplash.jpg" class="attachment-125x125 size-125x125 wp-post-image" alt="menggunakan smartphone sebagai webcam" srcset="https://carapedi.id/wp-content/uploads/2021/05/waldemar-brandt-VAoSKP_ocN0-unsplash.jpg 1920w, https://carapedi.id/wp-content/uploads/2021/05/waldemar-brandt-VAoSKP_ocN0-unsplash-200x135.jpg 200w, https://carapedi.id/wp-content/uploads/2021/05/waldemar-brandt-VAoSKP_ocN0-unsplash-768x518.jpg 768w, https://carapedi.id/wp-content/uploads/2021/05/waldemar-brandt-VAoSKP_ocN0-unsplash-1536x1037.jpg 1536w" sizes="(max-width: 125px) 100vw, 125px" title="Cara Menggunakan Smartphone Sebagai Webcam di Komputer Terbaru 2021"></noscript><span class="rpwwt-post-title">Cara Menggunakan Smartphone Sebagai Webcam di Komputer Terbaru 2021</span></a></li> <li><a href="https://carapedi.id/2-cara-membersihkan-hardisk-dari-file-sampah/"><img width="125" height="70" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20125%2070'%3E%3C/svg%3E" class="attachment-125x125 size-125x125 wp-post-image" alt="Cara membersihkan hardisk" data-lazy-srcset="https://carapedi.id/wp-content/uploads/2021/05/iyus-sugiharto-hbLOLxAQ2-E-unsplash-scaled.jpg 2560w, https://carapedi.id/wp-content/uploads/2021/05/iyus-sugiharto-hbLOLxAQ2-E-unsplash-768x432.jpg 768w, https://carapedi.id/wp-content/uploads/2021/05/iyus-sugiharto-hbLOLxAQ2-E-unsplash-1536x864.jpg 1536w, https://carapedi.id/wp-content/uploads/2021/05/iyus-sugiharto-hbLOLxAQ2-E-unsplash-2048x1152.jpg 2048w" data-lazy-sizes="(max-width: 125px) 100vw, 125px" title="2 Cara Membersihkan Hardisk dari File Sampah Dengan Mudah" data-lazy-src="https://carapedi.id/wp-content/uploads/2021/05/iyus-sugiharto-hbLOLxAQ2-E-unsplash-scaled.jpg"><noscript><img width="125" height="70" src="https://carapedi.id/wp-content/uploads/2021/05/iyus-sugiharto-hbLOLxAQ2-E-unsplash-scaled.jpg" class="attachment-125x125 size-125x125 wp-post-image" alt="Cara membersihkan hardisk" srcset="https://carapedi.id/wp-content/uploads/2021/05/iyus-sugiharto-hbLOLxAQ2-E-unsplash-scaled.jpg 2560w, https://carapedi.id/wp-content/uploads/2021/05/iyus-sugiharto-hbLOLxAQ2-E-unsplash-768x432.jpg 768w, https://carapedi.id/wp-content/uploads/2021/05/iyus-sugiharto-hbLOLxAQ2-E-unsplash-1536x864.jpg 1536w, https://carapedi.id/wp-content/uploads/2021/05/iyus-sugiharto-hbLOLxAQ2-E-unsplash-2048x1152.jpg 2048w" sizes="(max-width: 125px) 100vw, 125px" title="2 Cara Membersihkan Hardisk dari File Sampah Dengan Mudah"></noscript><span class="rpwwt-post-title">2 Cara Membersihkan Hardisk dari File Sampah Dengan Mudah</span></a></li> <li><a href="https://carapedi.id/cara-meningkatkan-kecepatan-download/"><img width="125" height="83" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20125%2083'%3E%3C/svg%3E" class="attachment-125x125 size-125x125 wp-post-image" alt="cara meningkatkan kecepatan internet" data-lazy-srcset="https://carapedi.id/wp-content/uploads/2021/05/frederik-lipfert-cWtsPbJtIvs-unsplash.jpg 1920w, https://carapedi.id/wp-content/uploads/2021/05/frederik-lipfert-cWtsPbJtIvs-unsplash-200x135.jpg 200w, https://carapedi.id/wp-content/uploads/2021/05/frederik-lipfert-cWtsPbJtIvs-unsplash-768x512.jpg 768w, https://carapedi.id/wp-content/uploads/2021/05/frederik-lipfert-cWtsPbJtIvs-unsplash-1536x1024.jpg 1536w" data-lazy-sizes="(max-width: 125px) 100vw, 125px" title="9 Cara Meningkatkan Kecepatan Download" data-lazy-src="https://carapedi.id/wp-content/uploads/2021/05/frederik-lipfert-cWtsPbJtIvs-unsplash.jpg"><noscript><img width="125" height="83" src="https://carapedi.id/wp-content/uploads/2021/05/frederik-lipfert-cWtsPbJtIvs-unsplash.jpg" class="attachment-125x125 size-125x125 wp-post-image" alt="cara meningkatkan kecepatan internet" srcset="https://carapedi.id/wp-content/uploads/2021/05/frederik-lipfert-cWtsPbJtIvs-unsplash.jpg 1920w, https://carapedi.id/wp-content/uploads/2021/05/frederik-lipfert-cWtsPbJtIvs-unsplash-200x135.jpg 200w, https://carapedi.id/wp-content/uploads/2021/05/frederik-lipfert-cWtsPbJtIvs-unsplash-768x512.jpg 768w, https://carapedi.id/wp-content/uploads/2021/05/frederik-lipfert-cWtsPbJtIvs-unsplash-1536x1024.jpg 1536w" sizes="(max-width: 125px) 100vw, 125px" title="9 Cara Meningkatkan Kecepatan Download"></noscript><span class="rpwwt-post-title">9 Cara Meningkatkan Kecepatan Download</span></a></li> <li><a href="https://carapedi.id/5-aplikasi-android-untuk-membuat-poster-brosur-dan-sebagainya/"><img width="125" height="92" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20125%2092'%3E%3C/svg%3E" class="attachment-125x125 size-125x125 wp-post-image" alt="creator" title="5 Aplikasi Android Untuk Membuat Poster, Brosur dan Sebagainya" data-lazy-src="https://carapedi.id/wp-content/uploads/2021/05/creator.jpg"><noscript><img width="125" height="92" src="https://carapedi.id/wp-content/uploads/2021/05/creator.jpg" class="attachment-125x125 size-125x125 wp-post-image" alt="creator" title="5 Aplikasi Android Untuk Membuat Poster, Brosur dan Sebagainya"></noscript><span class="rpwwt-post-title">5 Aplikasi Android Untuk Membuat Poster, Brosur dan Sebagainya</span></a></li> </ul> </div><!-- .rpwwt-widget --> </aside> </div> </div> </div> </div> <div class="site-footer"> <footer class="site-info" itemtype="https://schema.org/WPFooter" itemscope> <div class="inside-site-info grid-container"> <div class="copyright-bar"> Hak Cipta Dilindungi Undang-Undang | Carapedi Indonesia </div> </div> </footer> </div> <nav id="generate-slideout-menu" class="main-navigation slideout-navigation" itemtype="https://schema.org/SiteNavigationElement" itemscope style="display: none;"> <div class="inside-navigation grid-container grid-parent"> <div class="main-nav"><ul id="menu-menu-utama" class=" slideout-menu"><li id="menu-item-16703" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-home menu-item-16703"><a href="https://carapedi.id/">Home</a></li> <li id="menu-item-16700" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-16700"><a href="https://carapedi.id/about-carapedi/">Tentang</a></li> <li id="menu-item-16701" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-16701"><a href="https://carapedi.id/contact/">Kontak</a></li> <li id="menu-item-17315" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-privacy-policy menu-item-17315"><a href="https://carapedi.id/privacy/">Privacy</a></li> <li id="menu-item-17316" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-17316"><a href="https://carapedi.id/disclaimer/">Disclaimer</a></li> <li id="menu-item-16702" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-16702"><a href="https://carapedi.id/kerjasama/">Layanan</a></li> </ul></div> </div><!-- .inside-navigation --> </nav><!-- #site-navigation --> <div class="slideout-overlay"> <button class="slideout-exit has-svg-icon"> <span class="gp-icon pro-close"> <svg viewBox="0 0 512 512" aria-hidden="true" role="img" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="1em" height="1em"> <path d="M71.029 71.029c9.373-9.372 24.569-9.372 33.942 0L256 222.059l151.029-151.03c9.373-9.372 24.569-9.372 33.942 0 9.372 9.373 9.372 24.569 0 33.942L289.941 256l151.03 151.029c9.372 9.373 9.372 24.569 0 33.942-9.373 9.372-24.569 9.372-33.942 0L256 289.941l-151.029 151.03c-9.373 9.372-24.569 9.372-33.942 0-9.372-9.373-9.372-24.569 0-33.942L222.059 256 71.029 104.971c-9.372-9.373-9.372-24.569 0-33.942z" /> </svg> </span> <span class="screen-reader-text">Close</span> </button> </div> <style type="text/css">.saboxplugin-wrap{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;border:1px solid #eee;width:100%;clear:both;display:block;overflow:hidden;word-wrap:break-word;position:relative}.saboxplugin-wrap .saboxplugin-gravatar{float:left;padding:20px}.saboxplugin-wrap .saboxplugin-gravatar img{max-width:100px;height:auto;border-radius:0;}.saboxplugin-wrap .saboxplugin-authorname{font-size:18px;line-height:1;margin:20px 0 0 20px;display:block}.saboxplugin-wrap .saboxplugin-authorname a{text-decoration:none}.saboxplugin-wrap .saboxplugin-authorname a:focus{outline:0}.saboxplugin-wrap .saboxplugin-desc{display:block;margin:5px 20px}.saboxplugin-wrap .saboxplugin-desc a{text-decoration:underline}.saboxplugin-wrap .saboxplugin-desc p{margin:5px 0 12px}.saboxplugin-wrap .saboxplugin-web{margin:0 20px 15px;text-align:left}.saboxplugin-wrap .sab-web-position{text-align:right}.saboxplugin-wrap .saboxplugin-web a{color:#ccc;text-decoration:none}.saboxplugin-wrap .saboxplugin-socials{position:relative;display:block;background:#fcfcfc;padding:5px;border-top:1px solid #eee}.saboxplugin-wrap .saboxplugin-socials a svg{width:20px;height:20px}.saboxplugin-wrap .saboxplugin-socials a svg .st2{fill:#fff; transform-origin:center center;}.saboxplugin-wrap .saboxplugin-socials a svg .st1{fill:rgba(0,0,0,.3)}.saboxplugin-wrap .saboxplugin-socials a:hover{opacity:.8;-webkit-transition:opacity .4s;-moz-transition:opacity .4s;-o-transition:opacity .4s;transition:opacity .4s;box-shadow:none!important;-webkit-box-shadow:none!important}.saboxplugin-wrap .saboxplugin-socials .saboxplugin-icon-color{box-shadow:none;padding:0;border:0;-webkit-transition:opacity .4s;-moz-transition:opacity .4s;-o-transition:opacity .4s;transition:opacity .4s;display:inline-block;color:#fff;font-size:0;text-decoration:inherit;margin:5px;-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;-o-border-radius:0;border-radius:0;overflow:hidden}.saboxplugin-wrap .saboxplugin-socials .saboxplugin-icon-grey{text-decoration:inherit;box-shadow:none;position:relative;display:-moz-inline-stack;display:inline-block;vertical-align:middle;zoom:1;margin:10px 5px;color:#444;fill:#444}.clearfix:after,.clearfix:before{content:' ';display:table;line-height:0;clear:both}.ie7 .clearfix{zoom:1}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-twitch{border-color:#38245c}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-addthis{border-color:#e91c00}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-behance{border-color:#003eb0}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-delicious{border-color:#06c}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-deviantart{border-color:#036824}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-digg{border-color:#00327c}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-dribbble{border-color:#ba1655}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-facebook{border-color:#1e2e4f}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-flickr{border-color:#003576}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-github{border-color:#264874}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-google{border-color:#0b51c5}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-googleplus{border-color:#96271a}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-html5{border-color:#902e13}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-instagram{border-color:#1630aa}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-linkedin{border-color:#00344f}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-pinterest{border-color:#5b040e}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-reddit{border-color:#992900}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-rss{border-color:#a43b0a}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-sharethis{border-color:#5d8420}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-skype{border-color:#00658a}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-soundcloud{border-color:#995200}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-spotify{border-color:#0f612c}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-stackoverflow{border-color:#a95009}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-steam{border-color:#006388}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-user_email{border-color:#b84e05}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-stumbleUpon{border-color:#9b280e}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-tumblr{border-color:#10151b}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-twitter{border-color:#0967a0}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-vimeo{border-color:#0d7091}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-windows{border-color:#003f71}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-whatsapp{border-color:#003f71}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-wordpress{border-color:#0f3647}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-yahoo{border-color:#14002d}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-youtube{border-color:#900}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-xing{border-color:#000202}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-mixcloud{border-color:#2475a0}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-vk{border-color:#243549}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-medium{border-color:#00452c}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-quora{border-color:#420e00}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-meetup{border-color:#9b181c}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-goodreads{border-color:#000}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-snapchat{border-color:#999700}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-500px{border-color:#00557f}.saboxplugin-socials.sabox-colored .saboxplugin-icon-color .sab-mastodont{border-color:#185886}.sabox-plus-item{margin-bottom:20px}@media screen and (max-width:480px){.saboxplugin-wrap{text-align:center}.saboxplugin-wrap .saboxplugin-gravatar{float:none;padding:20px 0;text-align:center;margin:0 auto;display:block}.saboxplugin-wrap .saboxplugin-gravatar img{float:none;display:inline-block;display:-moz-inline-stack;vertical-align:middle;zoom:1}.saboxplugin-wrap .saboxplugin-desc{margin:0 10px 20px;text-align:center}.saboxplugin-wrap .saboxplugin-authorname{text-align:center;margin:10px 0 20px}}body .saboxplugin-authorname a,body .saboxplugin-authorname a:hover{box-shadow:none;-webkit-box-shadow:none}a.sab-profile-edit{font-size:16px!important;line-height:1!important}.sab-edit-settings a,a.sab-profile-edit{color:#0073aa!important;box-shadow:none!important;-webkit-box-shadow:none!important}.sab-edit-settings{margin-right:15px;position:absolute;right:0;z-index:2;bottom:10px;line-height:20px}.sab-edit-settings i{margin-left:5px}.saboxplugin-socials{line-height:1!important}.rtl .saboxplugin-wrap .saboxplugin-gravatar{float:right}.rtl .saboxplugin-wrap .saboxplugin-authorname{display:flex;align-items:center}.rtl .saboxplugin-wrap .saboxplugin-authorname .sab-profile-edit{margin-right:10px}.rtl .sab-edit-settings{right:auto;left:0}img.sab-custom-avatar{max-width:75px;}.saboxplugin-wrap {margin-top:0px; margin-bottom:0px; padding: 0px 0px }.saboxplugin-wrap .saboxplugin-authorname {font-size:18px; line-height:25px;}.saboxplugin-wrap .saboxplugin-desc p, .saboxplugin-wrap .saboxplugin-desc {font-size:14px !important; line-height:21px !important;}.saboxplugin-wrap .saboxplugin-web {font-size:14px;}.saboxplugin-wrap .saboxplugin-socials a svg {width:18px;height:18px;}</style> <script data-cfasync="false" data-wpmeteor-after="REORDER" type="javascript/blocked" id='generate-offside-js-extra'> var offSide = {"side":"left"}; </script> <script data-cfasync="false" data-wpmeteor-after="REORDER" type="javascript/blocked" id='adsforwp-ads-front-js-js-extra'> var adsforwp_obj = {"ajax_url":"https:\/\/carapedi.id\/wp-admin\/admin-ajax.php","adsforwp_front_nonce":"4a462c7f53","ad_performance_tracker":"1"}; </script> <script data-cfasync="false" data-wpmeteor-after="REORDER" type="javascript/blocked" id='adsforwp-ads-frontend-js-js-extra'> var adsforwp_browser_obj = []; </script> <script data-cfasync="false" data-wpmeteor-after="REORDER" type="javascript/blocked" id='social_warfare_script-js-extra'> var socialWarfare = {"addons":[],"post_id":"7945","variables":{"emphasizeIcons":false,"powered_by_toggle":false,"affiliate_link":"https:\/\/warfareplugins.com"},"floatBeforeContent":""}; </script> <script data-cfasync="false" data-wpmeteor-after="REORDER" type="javascript/blocked" id='rocket-browser-checker-js-after'> "use strict";var _createClass=function(){function defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||!1,descriptor.configurable=!0,"value"in descriptor&&(descriptor.writable=!0),Object.defineProperty(target,descriptor.key,descriptor)}}return function(Constructor,protoProps,staticProps){return protoProps&&defineProperties(Constructor.prototype,protoProps),staticProps&&defineProperties(Constructor,staticProps),Constructor}}();function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor))throw new TypeError("Cannot call a class as a function")}var RocketBrowserCompatibilityChecker=function(){function RocketBrowserCompatibilityChecker(options){_classCallCheck(this,RocketBrowserCompatibilityChecker),this.passiveSupported=!1,this._checkPassiveOption(this),this.options=!!this.passiveSupported&&options}return _createClass(RocketBrowserCompatibilityChecker,[{key:"_checkPassiveOption",value:function(self){try{var options={get passive(){return!(self.passiveSupported=!0)}};window.addEventListener("test",null,options),window.removeEventListener("test",null,options)}catch(err){self.passiveSupported=!1}}},{key:"initRequestIdleCallback",value:function(){!1 in window&&(window.requestIdleCallback=function(cb){var start=Date.now();return setTimeout(function(){cb({didTimeout:!1,timeRemaining:function(){return Math.max(0,50-(Date.now()-start))}})},1)}),!1 in window&&(window.cancelIdleCallback=function(id){return clearTimeout(id)})}},{key:"isDataSaverModeOn",value:function(){return"connection"in navigator&&!0===navigator.connection.saveData}},{key:"supportsLinkPrefetch",value:function(){var elem=document.createElement("link");return elem.relList&&elem.relList.supports&&elem.relList.supports("prefetch")&&window.IntersectionObserver&&"isIntersecting"in IntersectionObserverEntry.prototype}},{key:"isSlowConnection",value:function(){return"connection"in navigator&&"effectiveType"in navigator.connection&&("2g"===navigator.connection.effectiveType||"slow-2g"===navigator.connection.effectiveType)}}]),RocketBrowserCompatibilityChecker}(); </script> <script data-cfasync="false" data-wpmeteor-after="REORDER" type="javascript/blocked" id='rocket-delay-js-js-after'> (function() { "use strict";var e=function(){function n(e,t){for(var r=0;r<t.length;r++){var n=t[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}return function(e,t,r){return t&&n(e.prototype,t),r&&n(e,r),e}}();function n(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}var t=function(){function r(e,t){n(this,r),this.attrName="data-rocketlazyloadscript",this.browser=t,this.options=this.browser.options,this.triggerEvents=e,this.userEventListener=this.triggerListener.bind(this)}return e(r,[{key:"init",value:function(){this._addEventListener(this)}},{key:"reset",value:function(){this._removeEventListener(this)}},{key:"_addEventListener",value:function(t){this.triggerEvents.forEach(function(e){return window.addEventListener(e,t.userEventListener,t.options)})}},{key:"_removeEventListener",value:function(t){this.triggerEvents.forEach(function(e){return window.removeEventListener(e,t.userEventListener,t.options)})}},{key:"_loadScriptSrc",value:function(){var r=this,e=document.querySelectorAll("script["+this.attrName+"]");0!==e.length&&Array.prototype.slice.call(e).forEach(function(e){var t=e.getAttribute(r.attrName);e.setAttribute("src",t),e.removeAttribute(r.attrName)}),this.reset()}},{key:"triggerListener",value:function(){this._loadScriptSrc(),this._removeEventListener(this)}}],[{key:"run",value:function(){RocketBrowserCompatibilityChecker&&new r(["keydown","mouseover","touchmove","touchstart","wheel"],new RocketBrowserCompatibilityChecker({passive:!0})).init()}}]),r}();t.run(); }()); </script> <script data-cfasync="false" data-wpmeteor-after="REORDER" type="javascript/blocked" id='rocket-preload-links-js-extra'> var RocketPreloadLinksConfig = {"excludeUris":"\/(.+\/)?feed\/?.+\/?|\/(?:.+\/)?embed\/|\/(index\\.php\/)?wp\\-json(\/.*|$)|\/wp-admin\/|\/logout\/|\/wp-login.php","usesTrailingSlash":"1","imageExt":"jpg|jpeg|gif|png|tiff|bmp|webp|avif","fileExt":"jpg|jpeg|gif|png|tiff|bmp|webp|avif|php|pdf|html|htm","siteUrl":"https:\/\/carapedi.id","onHoverDelay":"100","rateThrottle":"3"}; </script> <script data-cfasync="false" data-wpmeteor-after="REORDER" type="javascript/blocked" id='rocket-preload-links-js-after'> (function() { "use strict";var r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},e=function(){function i(e,t){for(var n=0;n<t.length;n++){var i=t[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i)}}return function(e,t,n){return t&&i(e.prototype,t),n&&i(e,n),e}}();function i(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}var t=function(){function n(e,t){i(this,n),this.browser=e,this.config=t,this.options=this.browser.options,this.prefetched=new Set,this.eventTime=null,this.threshold=1111,this.numOnHover=0}return e(n,[{key:"init",value:function(){!this.browser.supportsLinkPrefetch()||this.browser.isDataSaverModeOn()||this.browser.isSlowConnection()||(this.regex={excludeUris:RegExp(this.config.excludeUris,"i"),images:RegExp(".("+this.config.imageExt+")$","i"),fileExt:RegExp(".("+this.config.fileExt+")$","i")},this._initListeners(this))}},{key:"_initListeners",value:function(e){-1<this.config.onHoverDelay&&document.addEventListener("mouseover",e.listener.bind(e),e.listenerOptions),document.addEventListener("mousedown",e.listener.bind(e),e.listenerOptions),document.addEventListener("touchstart",e.listener.bind(e),e.listenerOptions)}},{key:"listener",value:function(e){var t=e.target.closest("a"),n=this._prepareUrl(t);if(null!==n)switch(e.type){case"mousedown":case"touchstart":this._addPrefetchLink(n);break;case"mouseover":this._earlyPrefetch(t,n,"mouseout")}}},{key:"_earlyPrefetch",value:function(t,e,n){var i=this,r=setTimeout(function(){if(r=null,0===i.numOnHover)setTimeout(function(){return i.numOnHover=0},1e3);else if(i.numOnHover>i.config.rateThrottle)return;i.numOnHover++,i._addPrefetchLink(e)},this.config.onHoverDelay);t.addEventListener(n,function e(){t.removeEventListener(n,e,{passive:!0}),null!==r&&(clearTimeout(r),r=null)},{passive:!0})}},{key:"_addPrefetchLink",value:function(i){return this.prefetched.add(i.href),new Promise(function(e,t){var n=document.createElement("link");n.rel="prefetch",n.href=i.href,n.onload=e,n.onerror=t,document.head.appendChild(n)}).catch(function(){})}},{key:"_prepareUrl",value:function(e){if(null===e||"object"!==(void 0===e?"undefined":r(e))||!1 in e||-1===["http:","https:"].indexOf(e.protocol))return null;var t=e.href.substring(0,this.config.siteUrl.length),n=this._getPathname(e.href,t),i={original:e.href,protocol:e.protocol,origin:t,pathname:n,href:t+n};return this._isLinkOk(i)?i:null}},{key:"_getPathname",value:function(e,t){var n=t?e.substring(this.config.siteUrl.length):e;return n.startsWith("/")||(n="/"+n),this._shouldAddTrailingSlash(n)?n+"/":n}},{key:"_shouldAddTrailingSlash",value:function(e){return this.config.usesTrailingSlash&&!e.endsWith("/")&&!this.regex.fileExt.test(e)}},{key:"_isLinkOk",value:function(e){return null!==e&&"object"===(void 0===e?"undefined":r(e))&&(!this.prefetched.has(e.href)&&e.origin===this.config.siteUrl&&-1===e.href.indexOf("?")&&-1===e.href.indexOf("#")&&!this.regex.excludeUris.test(e.href)&&!this.regex.images.test(e.href))}}],[{key:"run",value:function(){"undefined"!=typeof RocketPreloadLinksConfig&&new n(new RocketBrowserCompatibilityChecker({capture:!0,passive:!0}),RocketPreloadLinksConfig).init()}}]),n}();t.run(); }()); </script> <!--[if lte IE 11]> <script type="javascript/blocked" data-cfasync="false" data-wpmeteor-after="REORDER" data-src='https://carapedi.id/wp-content/themes/generatepress/assets/js/classList.min.js?ver=3.0.3' id='generate-classlist-js'></script> <![endif]--> <script data-cfasync="false" data-wpmeteor-after="REORDER" type="javascript/blocked" id='generate-main-js-extra'> var generatepressMenu = {"toggleOpenedSubMenus":"1","openSubMenuLabel":"Buka Submenu","closeSubMenuLabel":"Tutup submenu"}; </script> <script data-cfasync="false" data-wpmeteor-after="REORDER" type="javascript/blocked" id='generate-navigation-search-js-extra'> var generatepressNavSearch = {"open":"Buka Kolom Pencarian","close":"Tutup Kolom Pencarian"}; </script> <script data-cfasync="false" data-wpmeteor-after="REORDER" type="javascript/blocked"> var swp_nonce = "9f9aaf7cc9";function parentIsEvil() { var html = null; try { var doc = top.location.pathname; } catch(err){ }; if(typeof doc === "undefined") { return true } else { return false }; }; if (parentIsEvil()) { top.location = self.location.href; };var url = "https://carapedi.id/cara-membuat-web-html-keren-dengan-notepad-lengkap/";if(url.indexOf("stfi.re") != -1) { var canonical = ""; var links = document.getElementsByTagName("link"); for (var i = 0; i < links.length; i ++) { if (links[i].getAttribute("rel") === "canonical") { canonical = links[i].getAttribute("href")}}; canonical = canonical.replace("?sfr=1", "");top.location = canonical; console.log(canonical);};var swpFloatBeforeContent = false; var swp_ajax_url = "https://carapedi.id/wp-admin/admin-ajax.php"; var swp_post_id = "7945";var swpClickTracking = false; document.addEventListener("DOMContentLoaded", function() { var swpButtonsExist = document.getElementsByClassName( "swp_social_panel" ).length > 0; if (swpButtonsExist) { swp_admin_ajax = "https://carapedi.id/wp-admin/admin-ajax.php"; swp_post_id=7945; swp_post_url= "https://carapedi.id/cara-membuat-web-html-keren-dengan-notepad-lengkap/"; swp_post_recovery_url = ""; socialWarfare.fetchFacebookShares(); } }); </script><script >window.lazyLoadOptions={elements_selector:"img[data-lazy-src],.rocket-lazyload,iframe[data-lazy-src]",data_src:"lazy-src",data_srcset:"lazy-srcset",data_sizes:"lazy-sizes",class_loading:"lazyloading",class_loaded:"lazyloaded",threshold:300,callback_loaded:function(element){if(element.tagName==="IFRAME"&&element.dataset.rocketLazyload=="fitvidscompatible"){if(element.classList.contains("lazyloaded")){if(typeof window.jQuery!="undefined"){if(jQuery.fn.fitVids){jQuery(element).parent().fitVids()}}}}}};window.addEventListener('LazyLoad::Initialized',function(e){var lazyLoadInstance=e.detail.instance;if(window.MutationObserver){var observer=new MutationObserver(function(mutations){var image_count=0;var iframe_count=0;var rocketlazy_count=0;mutations.forEach(function(mutation){for(i=0;i<mutation.addedNodes.length;i++){if(typeof mutation.addedNodes[i].getElementsByTagName!=='function'){continue} if(typeof mutation.addedNodes[i].getElementsByClassName!=='function'){continue} images=mutation.addedNodes[i].getElementsByTagName('img');is_image=mutation.addedNodes[i].tagName=="IMG";iframes=mutation.addedNodes[i].getElementsByTagName('iframe');is_iframe=mutation.addedNodes[i].tagName=="IFRAME";rocket_lazy=mutation.addedNodes[i].getElementsByClassName('rocket-lazyload');image_count+=images.length;iframe_count+=iframes.length;rocketlazy_count+=rocket_lazy.length;if(is_image){image_count+=1} if(is_iframe){iframe_count+=1}}});if(image_count>0||iframe_count>0||rocketlazy_count>0){lazyLoadInstance.update()}});var b=document.getElementsByTagName("body")[0];var config={childList:!0,subtree:!0};observer.observe(b,config)}},!1)</script><script data-no-minify="1" async src="https://carapedi.id/wp-content/plugins/wp-rocket/assets/js/lazyload/16.1/lazyload.min.js"></script> <script type="javascript/blocked" data-cfasync="false" data-wpmeteor-after="REORDER" data-src="https://carapedi.id/wp-content/cache/min/1/5f01d5e703c64e2b6a441455702dfe9a.js" data-minify="1" defer></script></body> </html> <!-- Optimized with WP Meteor free Wordpress plugin https://wordpress.org/plugins/wp-meteor/ --> <!-- This website is like a Rocket, isn't it? Performance optimized by WP Rocket. Learn more: https://wp-rocket.me - Debug: cached@1623521930 -->