IFrame adalah inline frame yang digunakan di dalam halaman web untuk memuat dokumen HTML lain di dalamnya.
Dokumen HTML ini bisa berisi JavaScript atau CSS yang dimuat pada saat tag iframe diuraikan oleh browser pengguna.
Pengguna WordPress seperti Sahabat Qwords mungkin akan sering menemukan iframe ketika mencoba menanamkan sesuatu dari sumber eksternal ke situs WordPress milikmu.
Pahami lebih lanjut mengenai apa itu iframe dan bagaimana cara kerjanya di ulasan lengkap berikut ini yuk Sahabat Qwords!
Pengertian iframe Apa itu Iframe? Iframe merupakan singkatan dari “inline frame,” sebuah segmen dari sintaks HTML.
Iframe umumnya diterapkan ketika menggunakan sumber daya dari satu situs web Sahabat Qwords sendiri tanpa membuat konten duplikat.
Pada dasarnya, iframe memungkinkan Sahabat Qwords untuk menyematkan situs web lain dalam kode situs web milikmu, seperti halaman di dalam halaman.
Iframe juga bisa ditemukan pada video YouTube dengan tag iframe memuat pemutar video YouTube dengan ID yang disediakan dalam kode.
Iframe juga memiliki parameter lain yang ditentukan, seperti tinggi, lebar, bingkai, dll. Parameter ini akan digunakan oleh skrip yang memuat pemutar video YouTube.
Banyak situs web pihak ketiga lainnya yang bisa memberikan kode embed iframe kepada pengguna untuk memasukkan elemen tertentu di situs web.
Paling umum penyedia layanan analisis web, situs media sosial, dan situs berbagi video menawarkan kode embed pengguna dalam format iframe.
Untuk sebagian besar pengguna iframe bermanfaat, karena menjaga pemisahan antara dokumen HTML utama (situs Sahabat Qwords) dan konten eksternal yang kamu muat ke dalamnya.
Iframe sangat membantu karena dua alasan.
Pertama, Sahabat Qwords tidak perlu khawatir untuk memperbarui konten pihak ketiga yang ingin kamu tampilkan.
Mitra iklan Sahabat Qwords bisa mengubah promosi mereka, umpan Facebookmu melakukan refresh, dan Google Maps bisa menyesuaikan perkembangan alamat baru.
Selain itu, menjaga pemisahan antara konten Sahabat Qwords dan situs lain juga bisa memberikan keamanan tambahan.
Sahabat Qwords tidak perlu khawatir mengimpor kerentanan atau kesalahan secara tidak sengaja dengan menambahkan kode pihak ketiga secara langsung ke file situs milikmu.
Dampak Iframe ke SEO Ilustrasis strategi SEO Jika Sahabat Qwords akan menggunakan konten dari situs web lain dengan iframe, kamu mungkin khawatir akan menurunkan peringkat SEO situs web milikmu.
Iframe memang bisa mempengaruhi SEO dan dampaknya mungkin saja bisa berakibat pada hal-hal berikut ini :
Pengindeksan situs web oleh robot pencari akan terganggu ketika beralih ke frame.
Beberapa browser tidak mendukung iframe karena sudah usang atau hanya berfungsi dengan konten audio, dll.
Terkena risiko sanksi. Sanksi mesin pencari dapat dikenakan ketika ada konten ilegal dalam frame.
Untuk menghindari kemungkinan kesalahpahaman dengan robot pencari dan pengguna yang browsernya tidak mendukung fungsi ini.
Webmaster menyembunyikan iframe dari pengindeksan dan menambahkan notifikasi yang sesuai dan akan ditampilkan jika window background tidak terbuka, serta menyarankan pengguna untuk memperbarui browser.
Konten dari tag <![CDATA[ ditampilkan di browser ketika tidak mendukung iframe.</p>
<p>Pada saat yang sama, browser lain yang bisa memproses halaman iframe tidak memperhatikannya. Seharusnya deskripsi lengkap diungkapkan untuk menjaga pengguna di situs web.</p>
<h2><span id="Cara_Menggunakan_iframe"><strong>Cara Menggunakan iframe</strong></span></h2>
<p><img loading="lazy" decoding="async" class="aligncenter wp-image-11922 size-full" src="https://www.qwords.com/blog/wp-content/uploads/2020/05/iframe.png" alt="" width="882" height="502" srcset="https://www.qwords.com/blog/wp-content/uploads/2020/05/iframe.png 882w, https://www.qwords.com/blog/wp-content/uploads/2020/05/iframe-300x171.png 300w, https://www.qwords.com/blog/wp-content/uploads/2020/05/iframe-768x437.png 768w" sizes="(max-width: 882px) 100vw, 882px"></p>
<p>Tujuan utama penggunaan iframe bagi sebagian besar <a href="https://www.qwords.com/blog/apa-itu-cms-wordpress/" target="_blank" rel="noopener">pengguna WordPress</a> adalah untuk menampilkan konten pihak ketiga di situs Sahabat Qwords. Iframe banyak digunakan pada :</p>
<h3><span id="1_Iklan"><strong>1. Iklan</strong></span></h3>
<p>Banyak iklan sidebar dan banner sebenarnya adalah iframes yang memungkinkan mitra iklan Sahabat Qwords dengan mudah menyediakan dan mempertahankan konten yang mereka bayarkan untuk ditampilkan di situs milikmu.</p>
<h3><span id="2_Video_Youtube"><strong>2. Video Youtube</strong></span></h3>
<p>Kode embed YouTube menggunakan iframe untuk menampilkan video yang dihosting pada platformnya di halaman milikmu. Dengan menggunakan teknik ini, Sahabat Qwords tidak perlu khawatir untuk mengunggah video ke Perpustakaan Media.</p>
<h3><span id="3_Google_Maps"><strong>3. Google Maps</strong></span></h3>
<p>Jika Sahabat Qwords pernah memesan makanan dari restoran untuk pengiriman ke alamat tertentu, kamu mungkin pernah melihat Google Maps iframe saat memilih lokasi toko terdekat.</p>
<p>Sayangnya, Google telah mengganti ini dengan Maps API Key-nya, sehingga pengguna baru tidak dapat menyematkan peta melalui iframes.</p>
<h3><span id="4_Posting_Media_Sosial"><strong>4. Posting Media Sosial</strong></span></h3>
<p>Salah satu cara untuk menampilkan postingan di media sosial terbaru Sahabat Qwords adalah melalui iframe.</p>
<p>Cara ini nyaman karena mereka akan diperbarui secara otomatis untuk memasukkan suka, komentar, dan elemen dinamis lainnya.</p>
<p>Lalu bagaimana cara menggunakan iframe? Sahabat Qwords bisa menentukan bingkai inline dengan tag HTML <iframe>.</p>
<p>Tag <iframe> tulislah yang tidak terkait dengan tag <frameset>, sebagai gantinya, tag itu dapat muncul di mana saja di dokumen Sahabat Qwords. Tag <iframe> mendefinisikan rectangular region di dalam dokumen tempat browser dapat menampilkan dokumen terpisah, termasuk scrollbar dan batas.</p>
<p>Atribut src digunakan untuk menentukan <a href="https://www.qwords.com/blog/apa-itu-url/" target="_blank" rel="noopener">URL </a>dokumen yang menempati bingkai inline.</p>
<h2><span id="Sahabat_Qwords_Makin_Paham_Tentang_Apa_Itu_Iframe">Sahabat Qwords Makin Paham Tentang Apa Itu Iframe?</span></h2>
<p>Iframe merupakan singkatan dari “inline frame,” sebuah segmen dari sintaks HTML.</p>
<p>Iframe umumnya berfungsi ketika menggunakan sumber daya dari satu situs web Sahabat Qwords sendiri tanpa membuat konten duplikat.</p>
<p>Fungsi iframe pun bisa Sahabat Qwords rasakan di berbagai platform yang bisa membantu aktivitas digitalmu sehari-hari.</p>
<p>Gimana, makin kenal dan tahu fungsi iframe?</p>
<p>Yuk komen di kolom komentar, topik apa lagi yang ingin Sahabat Qwords baca!</p>
<div class="ads-promo-akhir" style="text-align:center; margin:30px 0;"><a href="https://www.qwords.com/hosting-murah/" target="_blank"><img decoding="async" src="https://www.qwords.com/blog/wp-content/uploads/2025/05/Diskon-50-Cloud-Hosting-Qwords.webp" style="max-width:100%; height:auto; border-radius:8px;"></a></div> </div>
<div class="border-top mt-5 mb-1"></div>
<div class="d-flex flex-wrap gap-4 align-items-center justify-content-between mb-4 mt-3">
<!--Tags-->
<div class="d-flex align-items-center gap-2 post-tags">
<span><a href="https://www.qwords.com/blog/tag/apa-itu-iframe/" rel="tag">apa itu iframe</a></span><span><a href="https://www.qwords.com/blog/tag/cara-membuat-iframe/" rel="tag">cara membuat iframe</a></span><span><a href="https://www.qwords.com/blog/tag/iframe/" rel="tag">iframe</a></span><span><a href="https://www.qwords.com/blog/tag/iframe-adalah/" rel="tag">iframe adalah</a></span><span><a href="https://www.qwords.com/blog/tag/iframe-google-maps/" rel="tag">iframe google maps</a></span><span><a href="https://www.qwords.com/blog/tag/iframe-html/" rel="tag">iframe html</a></span><span><a href="https://www.qwords.com/blog/tag/iframe-html-adalah/" rel="tag">iframe html adalah</a></span><span><a href="https://www.qwords.com/blog/tag/iframe-php/" rel="tag">iframe php</a></span><span><a href="https://www.qwords.com/blog/tag/iframe-responsive/" rel="tag">iframe responsive</a></span><span><a href="https://www.qwords.com/blog/tag/iframe-website/" rel="tag">iframe website</a></span><span><a href="https://www.qwords.com/blog/tag/iframe-wordpress/" rel="tag">iframe wordpress</a></span><span><a href="https://www.qwords.com/blog/tag/iframe-youtube/" rel="tag">iframe youtube</a></span><span><a href="https://www.qwords.com/blog/tag/membuat-iframe/" rel="tag">membuat iframe</a></span> </div>
<!--Share-->
<div class="d-flex align-items-center gap-2">
<span class="text-dark">Share:</span>
<div class="d-flex align-items-center gap-2">
<div class="d-inline-flex group-social-icons mt-0 rounded-8">
<a href="https://www.facebook.com/sharer/sharer.php?u=https://www.qwords.com/blog/apa-itu-iframe/" class="icon-shape icon-46">
<svg class="dark-mode-invert" xmlns="http://www.w3.org/2000/svg" width="10" height="17" viewBox="0 0 10 17" fill="none">
<path d="M8.84863 9.20312H6.5415V16.0938H3.46533V9.20312H0.942871V6.37305H3.46533V4.18896C3.46533 1.72803 4.94189 0.34375 7.1875 0.34375C8.26416 0.34375 9.40234 0.559082 9.40234 0.559082V2.98926H8.14111C6.91064 2.98926 6.5415 3.72754 6.5415 4.52734V6.37305H9.2793L8.84863 9.20312Z" fill="black"></path>
</svg>
</a>
<a href="https://twitter.com/home?status=https://www.qwords.com/blog/apa-itu-iframe/" class="icon-shape icon-46">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-twitter-x" viewBox="0 0 16 16">
<path d="M12.6.75h2.454l-5.36 6.142L16 15.25h-4.937l-3.867-5.07-4.425 5.07H.316l5.733-6.57L0 .75h5.063l3.495 4.633L12.601.75Zm-.86 13.028h1.36L4.323 2.145H2.865z"></path>
</svg>
</a>
<a href="http://www.linkedin.com/shareArticle?mini=true&url=https://www.qwords.com/blog/apa-itu-iframe/" class="icon-shape icon-46">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-linkedin" viewBox="0 0 16 16">
<path d="M0 1.146C0 .513.526 0 1.175 0h13.65C15.474 0 16 .513 16 1.146v13.708c0 .633-.526 1.146-1.175 1.146H1.175C.526 16 0 15.487 0 14.854zm4.943 12.248V6.169H2.542v7.225zm-1.2-8.212c.837 0 1.358-.554 1.358-1.248-.015-.709-.52-1.248-1.342-1.248S2.4 3.226 2.4 3.934c0 .694.521 1.248 1.327 1.248zm4.908 8.212V9.359c0-.216.016-.432.08-.586.173-.431.568-.878 1.232-.878.869 0 1.216.662 1.216 1.634v3.865h2.401V9.25c0-2.22-1.184-3.252-2.764-3.252-1.274 0-1.845.7-2.165 1.193v.025h-.016l.016-.025V6.169h-2.4c.03.678 0 7.225 0 7.225z"></path>
</svg>
</a>
<!--<a href="http://pinterest.com/pin/create/button/?url=https://www.qwords.com/blog/apa-itu-iframe/" class="icon-shape icon-46">-->
<!-- <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-behance" viewBox="0 0 16 16">-->
<!-- <path-->
<!-- d="M4.654 3c.461 0 .887.035 1.278.14.39.07.711.216.996.391s.497.426.641.747c.14.32.216.711.216 1.137 0 .496-.106.922-.356 1.242-.215.32-.566.606-.997.817.606.176 1.067.496 1.348.922s.461.957.461 1.563c0 .496-.105.922-.285 1.278a2.3 2.3 0 0 1-.782.887c-.32.215-.711.39-1.137.496a5.3 5.3 0 0 1-1.278.176L0 12.803V3zm-.285 3.978c.39 0 .71-.105.957-.285.246-.18.355-.497.355-.887 0-.216-.035-.426-.105-.567a1 1 0 0 0-.32-.355 1.8 1.8 0 0 0-.461-.176c-.176-.035-.356-.035-.567-.035H2.17v2.31c0-.005 2.2-.005 2.2-.005zm.105 4.193c.215 0 .426-.035.606-.07.176-.035.356-.106.496-.216s.25-.215.356-.39c.07-.176.14-.391.14-.641 0-.496-.14-.852-.426-1.102-.285-.215-.676-.32-1.137-.32H2.17v2.734h2.305zm6.858-.035q.428.427 1.278.426c.39 0 .746-.106 1.032-.286q.426-.32.53-.64h1.74c-.286.851-.712 1.457-1.278 1.848-.566.355-1.243.566-2.06.566a4.1 4.1 0 0 1-1.527-.285 2.8 2.8 0 0 1-1.137-.782 2.85 2.85 0 0 1-.712-1.172c-.175-.461-.25-.957-.25-1.528 0-.531.07-1.032.25-1.493.18-.46.426-.852.747-1.207.32-.32.711-.606 1.137-.782a4 4 0 0 1 1.493-.285c.606 0 1.137.105 1.598.355.46.25.817.532 1.102.958.285.39.496.851.641 1.348.07.496.105.996.07 1.563h-5.15c0 .58.21 1.11.496 1.396m2.24-3.732c-.25-.25-.642-.391-1.103-.391-.32 0-.566.07-.781.176s-.356.25-.496.39a.96.96 0 0 0-.25.497c-.036.175-.07.32-.07.46h3.196c-.07-.526-.25-.882-.497-1.132zm-3.127-3.728h3.978v.957h-3.978z">-->
<!-- </path>-->
<!-- </svg>-->
<!--</a>-->
<a href="https://api.whatsapp.com/send?text=Apa+itu+iframe%3F+Inilah+Contoh+Penggunaan+%26%23038%3B+Fungsinya+https%3A%2F%2Fwww.qwords.com%2Fblog%2Fapa-itu-iframe%2F" target="_blank" rel="noopener noreferrer" class="icon-shape icon-46">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
<path d="M13.601 2.326A7.855 7.855 0 0 0 8.003 0C3.582 0 0 3.582 0 8.003c0 1.414.369 2.792 1.07 4.006L0 16l4.095-1.07a7.963 7.963 0 0 0 3.908 1.006h.001c4.421 0 8.003-3.582 8.003-8.003a7.94 7.94 0 0 0-2.406-5.607M8.003 14.5a6.48 6.48 0 0 1-3.305-.9l-.236-.14-2.43.635.648-2.37-.154-.243A6.46 6.46 0 0 1 1.5 8.003c0-3.584 2.919-6.503 6.503-6.503 1.735 0 3.366.675 4.59 1.9a6.45 6.45 0 0 1 1.9 4.603c0 3.584-2.919 6.503-6.503 6.503m3.588-4.86c-.196-.098-1.16-.572-1.34-.637-.18-.066-.31-.098-.44.098-.13.196-.506.637-.62.768-.114.13-.228.147-.424.049-.196-.098-.828-.305-1.578-.974-.584-.52-.978-1.16-1.093-1.356-.114-.196-.012-.302.086-.4.088-.087.196-.228.294-.342.098-.114.13-.196.196-.326.066-.13.033-.245-.016-.342-.049-.098-.44-1.062-.604-1.456-.16-.385-.324-.333-.44-.34-.114-.006-.245-.007-.375-.007-.13 0-.342.049-.521.245-.18.196-.687.672-.687 1.637 0 .964.704 1.895.802 2.026.098.13 1.386 2.116 3.36 2.967.47.203.837.324 1.123.415.472.15.902.129 1.242.078.379-.057 1.16-.474 1.324-.932.163-.458.163-.85.114-.932-.049-.081-.179-.13-.375-.228"/>
</svg>
</a>
</div>
</div>
</div>
</div>
</div>
</article>
<div class="block-subscribe h-100 d-flex flex-column flex-md-row gap-3 justify-content-start bg-white wow img-custom-anim-top">
<div class="author-bio-avatar">
<a href="https://www.qwords.com/blog/author/qwords_editor/">
<img src="https://www.qwords.com/blog/wp-content/uploads/2026/04/WhatsApp-Image-2026-04-27-at-7.54.28-AM-150x150.jpeg" width="96" height="96" srcset="https://www.qwords.com/blog/wp-content/uploads/2026/04/WhatsApp-Image-2026-04-27-at-7.54.28-AM-300x300.jpeg 2x" alt="Saepudin Mulyono" class="avatar avatar-96 wp-user-avatar wp-user-avatar-96 alignnone photo" /> </a>
</div>
<div class="author-bio-content">
<h5 class="mb-2 mt-0">
<a href="https://www.qwords.com/blog/author/qwords_editor/">Saepudin Mulyono</a>
</h5>
<p class="mt-0">Saepudin Mulyono adalah Technical Content Writer di Qwords yang berfokus pada topik web hosting, domain, cloud, dan pengembangan website. Memiliki pengalaman lebih dari 10 tahun di bidang IT, Pudin aktif menulis artikel edukatif yang membantu bisnis dan developer memahami teknologi secara praktis dan aplikatif.
Sebagai bagian dari tim Qwords, ia terlibat dalam riset konten, pengujian layanan, serta penyusunan panduan teknis berbasis kebutuhan pengguna. Tulisan-tulisannya dirancang untuk memberikan insight yang akurat, mudah dipahami, dan relevan dengan perkembangan industri digital.</p>
</div>
</div>
<div id="comments" class="blog-post-comment">
<div id="respond" class="comment-respond">
<div id="reply-title" class="comment-reply-title">Leave a comment <small><a rel="nofollow" id="cancel-comment-reply-link" href="/blog/apa-itu-iframe/#respond" style="display:none;">Cancel reply</a></small></div><form action="https://www.qwords.com/blog/wp-comments-post.php" method="post" id="commentform" class="comment-form"><p class="comment-notes"><span id="email-notes">Alamat email Anda tidak akan dipublikasikan.</span> <span class="required-field-message">Ruas yang wajib ditandai <span class="required">*</span></span></p>
<div class="row post-input">
<div class="col-md-12 ">
<div class="form-group"><textarea class="tp-form-control style-border style2 msg-box" placeholder="Enter Your Comment" id="comment" name="comment" cols="45" rows="8" aria-required="true"></textarea>
</div></div>
</div>
<div class="row">
<div class="col-md-6">
<div class="form-group">
<input placeholder="Enter Name" id="author" class="tp-form-control style-border" name="author" type="text" value="" size="30" aria-required='true' />
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<input placeholder="Enter Email" id="email" name="email" class="tp-form-control style-border" type="email" value="" size="30" aria-required='true' />
</div>
</div>
<div class="col-md-12">
<div class="form-group">
<input placeholder="Enter Website" id="url" name="url" class="tp-form-control style-border" type="url" value="" size="30" />
</div>
</div>
</div>
<p class="comment-form-cookies-consent"><input id="wp-comment-cookies-consent" name="wp-comment-cookies-consent" type="checkbox" value="yes" /> <label for="wp-comment-cookies-consent">Simpan nama, email, dan situs web saya pada peramban ini untuk komentar saya berikutnya.</label></p>
<p class="form-submit">
<div class="col-xl-12">
<button class="btn btn-dark rounded-8 gap-2 button-effect-1" type="submit">Post Comment<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8 15L15 8L8 1M15 8L1 8" stroke="" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
</svg></button>
</div>
<input type='hidden' name='comment_post_ID' value='11910' 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="86bfb991f4" /></p><p style="display: none !important;" class="akismet-fields-container" data-prefix="ak_"><label>Δ<textarea name="ak_hp_textarea" cols="45" rows="8" maxlength="100"></textarea></label><input type="hidden" id="ak_js_1" name="ak_js" value="82"/><script>
document.getElementById( "ak_js_1" ).setAttribute( "value", ( new Date() ).getTime() );
</script>
</p></form> </div><!-- #respond -->
</div><!-- #comments -->
</div>
</div>
<div class="col-lg-4 ps-lg-5">
<aside class="main_sidebar">
<div id="block-2" class="sidebar_widget widget widget_block widget_media_image">
<figure class="wp-block-image size-large"><a href="https://portal.qwords.com/link.php?id=5" target="_blank" rel=" noreferrer noopener"><img loading="lazy" decoding="async" width="576" height="1024" src="https://www.qwords.com/blog/wp-content/uploads/2026/04/Banner-Promo-Qwords-Performa-dan-Kecepatan-Rev-1080x1920-1-576x1024.jpg" alt="Pilih Qwords" class="wp-image-42594" srcset="https://www.qwords.com/blog/wp-content/uploads/2026/04/Banner-Promo-Qwords-Performa-dan-Kecepatan-Rev-1080x1920-1-576x1024.jpg 576w, https://www.qwords.com/blog/wp-content/uploads/2026/04/Banner-Promo-Qwords-Performa-dan-Kecepatan-Rev-1080x1920-1-169x300.jpg 169w, https://www.qwords.com/blog/wp-content/uploads/2026/04/Banner-Promo-Qwords-Performa-dan-Kecepatan-Rev-1080x1920-1-768x1365.jpg 768w, https://www.qwords.com/blog/wp-content/uploads/2026/04/Banner-Promo-Qwords-Performa-dan-Kecepatan-Rev-1080x1920-1-864x1536.jpg 864w, https://www.qwords.com/blog/wp-content/uploads/2026/04/Banner-Promo-Qwords-Performa-dan-Kecepatan-Rev-1080x1920-1.jpg 1080w" sizes="(max-width: 576px) 100vw, 576px" /></a></figure>
</div><div id="magzin-latest-posts-3" class="sidebar_widget widget widget_magzin-latest-posts"><div class="sidebar_widget_title mb-3"> Artikel Trending </div>
<div class="rc-post-wrap">
<div class="d-flex flex-wrap gap-3">
<div class="hover-up w-100">
<div class="article card-10 style-2">
<div class="hover-effect-1">
<a href="https://www.qwords.com/blog/promo-ramadan/" class="card-img">
<img class="w-100" src="https://www.qwords.com/blog/wp-content/uploads/2026/02/Promo-Ramadan-Qwords.webp" alt="Promo Ramadan 2026: Diskon Domain dan Hosting Qwords">
</a>
</div>
<div class="card-body">
<a href="https://www.qwords.com/blog/promo-ramadan/">
<div class="fs-7 mb-2 text-truncate-2 sidebar-post-title">Promo Ramadan 2026: Diskon Domain dan Hosting Qwords</div>
</a>
<div class="d-flex align-items-center text-600">
<span class="fs-8">10 Feb, 2026</span>
<ul class="ps-4 m-0">
<li>
<span class="fs-8">6</span>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="hover-up w-100">
<div class="article card-10 style-2">
<div class="hover-effect-1">
<a href="https://www.qwords.com/blog/panduan-promo-domain-id/" class="card-img">
<img class="w-100" src="https://www.qwords.com/blog/wp-content/uploads/2025/11/promo-domain-id-qwords.webp" alt="Panduan Lengkap Promo Domain .ID dan Diskon Terbaru Qwords">
</a>
</div>
<div class="card-body">
<a href="https://www.qwords.com/blog/panduan-promo-domain-id/">
<div class="fs-7 mb-2 text-truncate-2 sidebar-post-title">Panduan Lengkap Promo Domain .ID dan Diskon Terbaru</div>
</a>
<div class="d-flex align-items-center text-600">
<span class="fs-8">20 Nov, 2025</span>
<ul class="ps-4 m-0">
<li>
<span class="fs-8">6</span>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="hover-up w-100">
<div class="article card-10 style-2">
<div class="hover-effect-1">
<a href="https://www.qwords.com/blog/qwords-jadi-registrar-terakreditasi-icann/" class="card-img">
<img class="w-100" src="https://www.qwords.com/blog/wp-content/uploads/2022/07/Qwords-Registrar-ICANNx-1.webp" alt="Qwords Jadi Registrar Terakreditasi ICANN, Apa Untungnya?">
</a>
</div>
<div class="card-body">
<a href="https://www.qwords.com/blog/qwords-jadi-registrar-terakreditasi-icann/">
<div class="fs-7 mb-2 text-truncate-2 sidebar-post-title">Qwords Jadi Registrar Terakreditasi ICANN, Apa Untungnya?</div>
</a>
<div class="d-flex align-items-center text-600">
<span class="fs-8">27 Jul, 2022</span>
<ul class="ps-4 m-0">
<li>
<span class="fs-8">3</span>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="hover-up w-100">
<div class="article card-10 style-2">
<div class="hover-effect-1">
<a href="https://www.qwords.com/blog/object-storage-untuk-aplikasi-atasi-limitasi-media/" class="card-img">
<img class="w-100" src="https://www.qwords.com/blog/wp-content/uploads/2026/06/Object-Storage-untuk-Aplikasi-Atasi-Limitasi-Media-150x115.jpg" alt="Object Storage untuk Aplikasi: Atasi Limitasi Media">
</a>
</div>
<div class="card-body">
<a href="https://www.qwords.com/blog/object-storage-untuk-aplikasi-atasi-limitasi-media/">
<div class="fs-7 mb-2 text-truncate-2 sidebar-post-title">Object Storage untuk Aplikasi: Atasi Limitasi Media</div>
</a>
<div class="d-flex align-items-center text-600">
<span class="fs-8">11 Jun, 2026</span>
<ul class="ps-4 m-0">
<li>
<span class="fs-8">4</span>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="hover-up w-100">
<div class="article card-10 style-2">
<div class="hover-effect-1">
<a href="https://www.qwords.com/blog/strategi-backup-data-3-2-1-tangkal-ransomware-enterprise/" class="card-img">
<img class="w-100" src="https://www.qwords.com/blog/wp-content/uploads/2026/06/Strategi-Backup-Data-3-2-1-Tangkal-Ransomware-Enterprise-150x115.jpg" alt="Strategi Backup Data 3-2-1: Tangkal Ransomware Enterprise">
</a>
</div>
<div class="card-body">
<a href="https://www.qwords.com/blog/strategi-backup-data-3-2-1-tangkal-ransomware-enterprise/">
<div class="fs-7 mb-2 text-truncate-2 sidebar-post-title">Strategi Backup Data 3-2-1: Tangkal Ransomware Enterprise</div>
</a>
<div class="d-flex align-items-center text-600">
<span class="fs-8">10 Jun, 2026</span>
<ul class="ps-4 m-0">
<li>
<span class="fs-8">4</span>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="hover-up w-100">
<div class="article card-10 style-2">
<div class="hover-effect-1">
<a href="https://www.qwords.com/blog/vpn-untuk-perusahaan-cegah-kebocoran-data-tim-wfa/" class="card-img">
<img class="w-100" src="https://www.qwords.com/blog/wp-content/uploads/2026/06/VPN-untuk-Perusahaan-Cegah-Kebocoran-Data-Tim-WFA-150x115.jpg" alt="VPN untuk Perusahaan: Cegah Kebocoran Data Tim WFA!">
</a>
</div>
<div class="card-body">
<a href="https://www.qwords.com/blog/vpn-untuk-perusahaan-cegah-kebocoran-data-tim-wfa/">
<div class="fs-7 mb-2 text-truncate-2 sidebar-post-title">VPN untuk Perusahaan: Cegah Kebocoran Data Tim WFA!</div>
</a>
<div class="d-flex align-items-center text-600">
<span class="fs-8">09 Jun, 2026</span>
<ul class="ps-4 m-0">
<li>
<span class="fs-8">4</span>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="tag_cloud-2" class="sidebar_widget widget widget_tag_cloud"><div class="sidebar_widget_title mb-3">Topik Populer</div><div class="tagcloud"><a href="https://www.qwords.com/blog/tag/qwords/" class="tag-cloud-link tag-link-78 tag-link-position-1" style="font-size: 22pt;" aria-label="qwords (366 item)">qwords<span class="tag-link-count"> (366)</span></a>
<a href="https://www.qwords.com/blog/tag/hosting-murah/" class="tag-cloud-link tag-link-736 tag-link-position-2" style="font-size: 12.344827586207pt;" aria-label="hosting murah (57 item)">hosting murah<span class="tag-link-count"> (57)</span></a>
<a href="https://www.qwords.com/blog/tag/domain/" class="tag-cloud-link tag-link-70 tag-link-position-3" style="font-size: 12.103448275862pt;" aria-label="domain (54 item)">domain<span class="tag-link-count"> (54)</span></a>
<a href="https://www.qwords.com/blog/tag/wordpress/" class="tag-cloud-link tag-link-43 tag-link-position-4" style="font-size: 12.103448275862pt;" aria-label="Wordpress (54 item)">Wordpress<span class="tag-link-count"> (54)</span></a>
<a href="https://www.qwords.com/blog/tag/hosting/" class="tag-cloud-link tag-link-801 tag-link-position-5" style="font-size: 11.5pt;" aria-label="Hosting (48 item)">Hosting<span class="tag-link-count"> (48)</span></a>
<a href="https://www.qwords.com/blog/tag/website/" class="tag-cloud-link tag-link-41 tag-link-position-6" style="font-size: 11.137931034483pt;" aria-label="website (45 item)">website<span class="tag-link-count"> (45)</span></a>
<a href="https://www.qwords.com/blog/tag/cloud-hosting/" class="tag-cloud-link tag-link-55 tag-link-position-7" style="font-size: 10.896551724138pt;" aria-label="cloud hosting (43 item)">cloud hosting<span class="tag-link-count"> (43)</span></a>
<a href="https://www.qwords.com/blog/tag/email-marketing/" class="tag-cloud-link tag-link-1027 tag-link-position-8" style="font-size: 9.3275862068966pt;" aria-label="email marketing (31 item)">email marketing<span class="tag-link-count"> (31)</span></a>
<a href="https://www.qwords.com/blog/tag/nama-domain/" class="tag-cloud-link tag-link-77 tag-link-position-9" style="font-size: 8.9655172413793pt;" aria-label="nama domain (29 item)">nama domain<span class="tag-link-count"> (29)</span></a>
<a href="https://www.qwords.com/blog/tag/hosting-indonesia/" class="tag-cloud-link tag-link-59 tag-link-position-10" style="font-size: 8.9655172413793pt;" aria-label="hosting indonesia (29 item)">hosting indonesia<span class="tag-link-count"> (29)</span></a>
<a href="https://www.qwords.com/blog/tag/bisnis-online/" class="tag-cloud-link tag-link-47 tag-link-position-11" style="font-size: 8.3620689655172pt;" aria-label="bisnis online (26 item)">bisnis online<span class="tag-link-count"> (26)</span></a>
<a href="https://www.qwords.com/blog/tag/hosting-bisnis/" class="tag-cloud-link tag-link-5026 tag-link-position-12" style="font-size: 8pt;" aria-label="hosting bisnis (24 item)">hosting bisnis<span class="tag-link-count"> (24)</span></a></div>
</div> </aside>
</div>
</div>
</div>
</div>
</section>
<!--Related Posts-->
<section class="related-post py-5 bg-white mt-5">
<div class="container">
<div class="row g-4">
<div class="col-12">
<h5 class="mb-0">Rekomendasi Artikel</h5>
</div>
<div class="col-md-6 col-lg-3">
<div class="article card-5">
<div class="post-link">
<div class="hover-effect-1">
<div class="position-relative card-img-top thumbnail">
<a href="https://www.qwords.com/blog/apa-itu-google-amp/">
<img width="300" height="131" src="https://www.qwords.com/blog/wp-content/uploads/2019/10/Mengenal-Google-AMP-Solusi-Untuk-Mempercepat-Loading-Tampilan-Mobile-Website-Anda-300x131.jpg" class="cover-image wp-post-image" alt="Google AMP, Solusi Percepat Tampilan Mobile Website" decoding="async" srcset="https://www.qwords.com/blog/wp-content/uploads/2019/10/Mengenal-Google-AMP-Solusi-Untuk-Mempercepat-Loading-Tampilan-Mobile-Website-Anda-300x131.jpg 300w, https://www.qwords.com/blog/wp-content/uploads/2019/10/Mengenal-Google-AMP-Solusi-Untuk-Mempercepat-Loading-Tampilan-Mobile-Website-Anda-768x336.jpg 768w, https://www.qwords.com/blog/wp-content/uploads/2019/10/Mengenal-Google-AMP-Solusi-Untuk-Mempercepat-Loading-Tampilan-Mobile-Website-Anda.jpg 960w" sizes="(max-width: 300px) 100vw, 300px" /> </a>
<a href="https://www.qwords.com/blog/category/website/" class="badge bg-1 fs-8">
Website </a>
</div>
</div>
<div class="card-corner white no-border">
<a href="https://www.qwords.com/blog/apa-itu-google-amp/" class="arrow-box" aria-label="View more">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
<path d="M13.75 6.75L19.25 12L13.75 17.25" stroke="#0E0E0F" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M19 12H4.75" stroke="#0E0E0F" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</a>
<div class="curve-one"></div>
<div class="curve-two"></div>
</div>
</div>
<div class="card-body mt-4">
<a href="https://www.qwords.com/blog/apa-itu-google-amp/" class="hover-underline">
<h6 class="card-title mb-0">Google AMP, Solusi Percepat Tampilan Mobile Website</h6>
</a>
</div>
</div>
</div>
<div class="col-md-6 col-lg-3">
<div class="article card-5">
<div class="post-link">
<div class="hover-effect-1">
<div class="position-relative card-img-top thumbnail">
<a href="https://www.qwords.com/blog/kode-warna-html-lengkap/">
<img width="300" height="131" src="https://www.qwords.com/blog/wp-content/uploads/2020/06/Daftar-Kode-Warna-HTML-CSS-Lengkap-Full-Color-300x131.jpg" class="cover-image wp-post-image" alt="Daftar Kode Warna HTML & CSS Lengkap Full Color" decoding="async" srcset="https://www.qwords.com/blog/wp-content/uploads/2020/06/Daftar-Kode-Warna-HTML-CSS-Lengkap-Full-Color-300x131.jpg 300w, https://www.qwords.com/blog/wp-content/uploads/2020/06/Daftar-Kode-Warna-HTML-CSS-Lengkap-Full-Color-768x336.jpg 768w, https://www.qwords.com/blog/wp-content/uploads/2020/06/Daftar-Kode-Warna-HTML-CSS-Lengkap-Full-Color.jpg 960w" sizes="(max-width: 300px) 100vw, 300px" /> </a>
<a href="https://www.qwords.com/blog/category/website/" class="badge bg-1 fs-8">
Website </a>
</div>
</div>
<div class="card-corner white no-border">
<a href="https://www.qwords.com/blog/kode-warna-html-lengkap/" class="arrow-box" aria-label="View more">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
<path d="M13.75 6.75L19.25 12L13.75 17.25" stroke="#0E0E0F" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M19 12H4.75" stroke="#0E0E0F" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</a>
<div class="curve-one"></div>
<div class="curve-two"></div>
</div>
</div>
<div class="card-body mt-4">
<a href="https://www.qwords.com/blog/kode-warna-html-lengkap/" class="hover-underline">
<h6 class="card-title mb-0">Daftar Kode Warna HTML & CSS Lengkap Full Color</h6>
</a>
</div>
</div>
</div>
<div class="col-md-6 col-lg-3">
<div class="article card-5">
<div class="post-link">
<div class="hover-effect-1">
<div class="position-relative card-img-top thumbnail">
<a href="https://www.qwords.com/blog/website-gratis-vs-website-berbayar/">
<img width="300" height="131" src="https://www.qwords.com/blog/wp-content/uploads/2020/07/Perbedaan-Website-Gratis-dan-Website-Berbayar-300x131.jpg" class="cover-image wp-post-image" alt="Perbedaan Website Gratis dan Website Berbayar" decoding="async" srcset="https://www.qwords.com/blog/wp-content/uploads/2020/07/Perbedaan-Website-Gratis-dan-Website-Berbayar-300x131.jpg 300w, https://www.qwords.com/blog/wp-content/uploads/2020/07/Perbedaan-Website-Gratis-dan-Website-Berbayar-1024x448.jpg 1024w, https://www.qwords.com/blog/wp-content/uploads/2020/07/Perbedaan-Website-Gratis-dan-Website-Berbayar-768x336.jpg 768w, https://www.qwords.com/blog/wp-content/uploads/2020/07/Perbedaan-Website-Gratis-dan-Website-Berbayar-1536x672.jpg 1536w, https://www.qwords.com/blog/wp-content/uploads/2020/07/Perbedaan-Website-Gratis-dan-Website-Berbayar-2048x896.jpg 2048w, https://www.qwords.com/blog/wp-content/uploads/2020/07/Perbedaan-Website-Gratis-dan-Website-Berbayar-1200x520.jpg 1200w" sizes="(max-width: 300px) 100vw, 300px" /> </a>
<a href="https://www.qwords.com/blog/category/website/" class="badge bg-1 fs-8">
Website </a>
</div>
</div>
<div class="card-corner white no-border">
<a href="https://www.qwords.com/blog/website-gratis-vs-website-berbayar/" class="arrow-box" aria-label="View more">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
<path d="M13.75 6.75L19.25 12L13.75 17.25" stroke="#0E0E0F" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M19 12H4.75" stroke="#0E0E0F" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</a>
<div class="curve-one"></div>
<div class="curve-two"></div>
</div>
</div>
<div class="card-body mt-4">
<a href="https://www.qwords.com/blog/website-gratis-vs-website-berbayar/" class="hover-underline">
<h6 class="card-title mb-0">Perbedaan Website Gratis dan Website Berbayar</h6>
</a>
</div>
</div>
</div>
<div class="col-md-6 col-lg-3">
<div class="article card-5">
<div class="post-link">
<div class="hover-effect-1">
<div class="position-relative card-img-top thumbnail">
<a href="https://www.qwords.com/blog/cara-mengatasi-error-429-too-many-requests-step-by-step/">
<img src="https://www.qwords.com/blog/wp-content/themes/magzin/assets/imgs/magzin-placeholder-img.webp" alt="Cara Mengatasi Error 429 Too Many Requests (Step-by-step)" class="cover-image">
</a>
<a href="https://www.qwords.com/blog/category/website/" class="badge bg-1 fs-8">
Website </a>
</div>
</div>
<div class="card-corner white no-border">
<a href="https://www.qwords.com/blog/cara-mengatasi-error-429-too-many-requests-step-by-step/" class="arrow-box" aria-label="View more">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
<path d="M13.75 6.75L19.25 12L13.75 17.25" stroke="#0E0E0F" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M19 12H4.75" stroke="#0E0E0F" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</a>
<div class="curve-one"></div>
<div class="curve-two"></div>
</div>
</div>
<div class="card-body mt-4">
<a href="https://www.qwords.com/blog/cara-mengatasi-error-429-too-many-requests-step-by-step/" class="hover-underline">
<h6 class="card-title mb-0">Cara Mengatasi Error 429 Too Many Requests (Step-by-step)</h6>
</a>
</div>
</div>
</div>
</div>
</div>
</section>
</main>
<!-- main-area-end -->
<!-- footer-area -->
<footer>
<div class="section-footer-2 overflow-hidden">
<div class="container">
<div class="footer-top pt-5 pb-3">
<div class="row">
<div class="col-lg-4 col-sm-6"><div id="magzin_info_widget-2" class="footer-widget mt-3 mt-lg-0 column-1 widget_magzin_info_widget"> <!-- Logo and Tagline -->
<div class="">
<a class="dark-mode-invert" href="https://www.qwords.com/blog/">
<img src="https://www.qwords.com/blog/wp-content/uploads/2026/03/Logo_Qwords-no_key-small1.png" alt="Qwords Blog">
</a>
</div>
<!-- Site Description -->
<p class="fs-7 text-dark mt-4 mb-0">Cloud Web Hosting. Domain & hosting terbaik dengan akses cepat yang didukung layanan support 24/7</p>
<!-- Social Media Icons -->
</div>
</div><div class="col-lg-4 col-sm-6"><div id="categories-3" class="footer-widget mt-3 mt-lg-0 column-2 widget_categories"><div class="sidebar_widget_title mb-3">Topik Artikel</div>
<ul>
<li class="cat-item cat-item-9416"><a href="https://www.qwords.com/blog/category/artificial-intelligence/">Artificial Intelligence</a> <span class="float-right">(30)</span>
</li>
<li class="cat-item cat-item-1"><a href="https://www.qwords.com/blog/category/artikel-terbaru/">Artikel Terbaru</a> <span class="float-right">(19)</span>
</li>
<li class="cat-item cat-item-9389"><a href="https://www.qwords.com/blog/category/berita/">Berita</a> <span class="float-right">(139)</span>
</li>
<li class="cat-item cat-item-9388"><a href="https://www.qwords.com/blog/category/bisnis/">Bisnis</a> <span class="float-right">(334)</span>
</li>
<li class="cat-item cat-item-10471"><a href="https://www.qwords.com/blog/category/berita/client-story/">Client Story</a> <span class="float-right">(1)</span>
</li>
<li class="cat-item cat-item-9406"><a href="https://www.qwords.com/blog/category/hosting/cloud-hosting/">Cloud Hosting</a> <span class="float-right">(8)</span>
</li>
<li class="cat-item cat-item-9400"><a href="https://www.qwords.com/blog/category/hosting/dedicated-hosting/">Dedicated Hosting</a> <span class="float-right">(3)</span>
</li>
<li class="cat-item cat-item-9401"><a href="https://www.qwords.com/blog/category/hosting/dedicated-server/">Dedicated Server</a> <span class="float-right">(10)</span>
</li>
<li class="cat-item cat-item-7296"><a href="https://www.qwords.com/blog/category/design/">Design</a> <span class="float-right">(51)</span>
</li>
<li class="cat-item cat-item-3"><a href="https://www.qwords.com/blog/category/digital-marketing/">Digital Marketing</a> <span class="float-right">(147)</span>
</li>
<li class="cat-item cat-item-4626"><a href="https://www.qwords.com/blog/category/domain/">Domain</a> <span class="float-right">(174)</span>
</li>
<li class="cat-item cat-item-8"><a href="https://www.qwords.com/blog/category/ebook/">eBook</a> <span class="float-right">(8)</span>
</li>
<li class="cat-item cat-item-9393"><a href="https://www.qwords.com/blog/category/email/">Email</a> <span class="float-right">(52)</span>
</li>
<li class="cat-item cat-item-9394"><a href="https://www.qwords.com/blog/category/email/email-client/">Email Client</a> <span class="float-right">(2)</span>
</li>
<li class="cat-item cat-item-9395"><a href="https://www.qwords.com/blog/category/email/email-marketing/">Email Marketing</a> <span class="float-right">(15)</span>
</li>
<li class="cat-item cat-item-4627"><a href="https://www.qwords.com/blog/category/hosting/">Hosting</a> <span class="float-right">(183)</span>
</li>
<li class="cat-item cat-item-9404"><a href="https://www.qwords.com/blog/category/website/javascript/">JavaScript</a> <span class="float-right">(8)</span>
</li>
<li class="cat-item cat-item-9397"><a href="https://www.qwords.com/blog/category/email/microsoft365/">Microsoft365</a> <span class="float-right">(2)</span>
</li>
<li class="cat-item cat-item-9403"><a href="https://www.qwords.com/blog/category/website/php/">PHP</a> <span class="float-right">(13)</span>
</li>
<li class="cat-item cat-item-10381"><a href="https://www.qwords.com/blog/category/berita/produk-update/">Produk Update</a> <span class="float-right">(1)</span>
</li>
<li class="cat-item cat-item-4573"><a href="https://www.qwords.com/blog/category/promo/">Promo</a> <span class="float-right">(19)</span>
</li>
<li class="cat-item cat-item-4630"><a href="https://www.qwords.com/blog/category/security/">Security</a> <span class="float-right">(145)</span>
</li>
<li class="cat-item cat-item-9391"><a href="https://www.qwords.com/blog/category/digital-marketing/sem/">SEM</a> <span class="float-right">(21)</span>
</li>
<li class="cat-item cat-item-9326"><a href="https://www.qwords.com/blog/category/digital-marketing/seo/">SEO</a> <span class="float-right">(111)</span>
</li>
<li class="cat-item cat-item-9905"><a href="https://www.qwords.com/blog/category/server/">Server</a> <span class="float-right">(26)</span>
</li>
<li class="cat-item cat-item-9398"><a href="https://www.qwords.com/blog/category/hosting/shared-hosting/">Shared Hosting</a> <span class="float-right">(6)</span>
</li>
<li class="cat-item cat-item-9392"><a href="https://www.qwords.com/blog/category/digital-marketing/social-media/">Social Media</a> <span class="float-right">(69)</span>
</li>
<li class="cat-item cat-item-9407"><a href="https://www.qwords.com/blog/category/teknologi/">Teknologi</a> <span class="float-right">(182)</span>
</li>
<li class="cat-item cat-item-5"><a href="https://www.qwords.com/blog/category/tips/">Tips</a> <span class="float-right">(242)</span>
</li>
<li class="cat-item cat-item-9396"><a href="https://www.qwords.com/blog/category/email/titan-mail/">Titan Mail</a> <span class="float-right">(2)</span>
</li>
<li class="cat-item cat-item-10379"><a href="https://www.qwords.com/blog/category/berita/tren-industri/">Tren Industri</a> <span class="float-right">(4)</span>
</li>
<li class="cat-item cat-item-9405"><a href="https://www.qwords.com/blog/category/tutorial/">Tutorial</a> <span class="float-right">(278)</span>
</li>
<li class="cat-item cat-item-9399"><a href="https://www.qwords.com/blog/category/hosting/vps/">VPS</a> <span class="float-right">(43)</span>
</li>
<li class="cat-item cat-item-9390"><a href="https://www.qwords.com/blog/category/website/">Website</a> <span class="float-right">(290)</span>
</li>
<li class="cat-item cat-item-9402"><a href="https://www.qwords.com/blog/category/website/wordpress/">WordPress</a> <span class="float-right">(124)</span>
</li>
</ul>
</div></div><div class="col-lg-4 col-sm-6"><div id="magzin_most_viewed_posts-2" class="footer-widget mt-3 mt-lg-0 column-3 widget_magzin_most_viewed_posts"><div class="sidebar_widget_title mb-3">Artikel Trending</div><div class="magzin-most-viewed-posts"> <div class="hover-up mb-3">
<div class="article card-10 style-1">
<div class="hover-effect-1">
<a href="https://www.qwords.com/blog/promo-ramadan/" class="card-img">
<img class="w-100" src="https://www.qwords.com/blog/wp-content/uploads/2026/02/Promo-Ramadan-Qwords-300x225.webp" alt="Promo Ramadan 2026: Diskon Domain dan Hosting Qwords">
</a>
</div>
<div class="card-body">
<a href="https://www.qwords.com/blog/promo-ramadan/">
<div class="fs-7 mb-2 text-truncate-2 sidebar-post-title">Promo Ramadan 2026: Diskon Domain dan Hosting Qwords</div>
</a>
<div class="d-flex align-items-center text-600 gap-3">
<span class="fs-8">6 mins read</span>
<span class="fs-8">•</span>
<span class="fs-8">3734 views</span>
</div>
</div>
</div>
</div>
<div class="hover-up mb-3">
<div class="article card-10 style-1">
<div class="hover-effect-1">
<a href="https://www.qwords.com/blog/panduan-promo-domain-id/" class="card-img">
<img class="w-100" src="https://www.qwords.com/blog/wp-content/uploads/2025/11/promo-domain-id-qwords-300x223.webp" alt="Panduan Lengkap Promo Domain .ID dan Diskon Terbaru Qwords">
</a>
</div>
<div class="card-body">
<a href="https://www.qwords.com/blog/panduan-promo-domain-id/">
<div class="fs-7 mb-2 text-truncate-2 sidebar-post-title">Panduan Lengkap Promo Domain .ID dan Diskon Terbaru Qwords</div>
</a>
<div class="d-flex align-items-center text-600 gap-3">
<span class="fs-8">6 mins read</span>
<span class="fs-8">•</span>
<span class="fs-8">3927 views</span>
</div>
</div>
</div>
</div>
<div class="hover-up mb-3">
<div class="article card-10 style-1">
<div class="hover-effect-1">
<a href="https://www.qwords.com/blog/qwords-jadi-registrar-terakreditasi-icann/" class="card-img">
<img class="w-100" src="https://www.qwords.com/blog/wp-content/uploads/2022/07/Qwords-Registrar-ICANNx-1-300x223.webp" alt="Qwords Jadi Registrar Terakreditasi ICANN, Apa Untungnya?">
</a>
</div>
<div class="card-body">
<a href="https://www.qwords.com/blog/qwords-jadi-registrar-terakreditasi-icann/">
<div class="fs-7 mb-2 text-truncate-2 sidebar-post-title">Qwords Jadi Registrar Terakreditasi ICANN, Apa Untungnya?</div>
</a>
<div class="d-flex align-items-center text-600 gap-3">
<span class="fs-8">3 mins read</span>
<span class="fs-8">•</span>
<span class="fs-8">3506 views</span>
</div>
</div>
</div>
</div>
<div class="hover-up mb-3">
<div class="article card-10 style-1">
<div class="card-body">
<a href="https://www.qwords.com/blog/cara-melacak-hp-yang-hilang/">
<div class="fs-7 mb-2 text-truncate-2 sidebar-post-title">Cara Melacak HP yang Hilang dalam Keadaan Mati atau Menyala</div>
</a>
<div class="d-flex align-items-center text-600 gap-3">
<span class="fs-8">5 mins read</span>
<span class="fs-8">•</span>
<span class="fs-8">58817 views</span>
</div>
</div>
</div>
</div>
<div class="hover-up mb-3">
<div class="article card-10 style-1">
<div class="hover-effect-1">
<a href="https://www.qwords.com/blog/dns-server-terbaik/" class="card-img">
<img class="w-100" src="https://www.qwords.com/blog/wp-content/uploads/2024/12/Cover-Blog-Qwords-DNS-Server-Terbaik-300x223.webp" alt="10 DNS Server Terbaik di 2026 (Terupdate)">
</a>
</div>
<div class="card-body">
<a href="https://www.qwords.com/blog/dns-server-terbaik/">
<div class="fs-7 mb-2 text-truncate-2 sidebar-post-title">10 DNS Server Terbaik di 2026 (Terupdate)</div>
</a>
<div class="d-flex align-items-center text-600 gap-3">
<span class="fs-8">8 mins read</span>
<span class="fs-8">•</span>
<span class="fs-8">51208 views</span>
</div>
</div>
</div>
</div>
<div class="hover-up mb-3">
<div class="article card-10 style-1">
<div class="hover-effect-1">
<a href="https://www.qwords.com/blog/aplikasi-random-video-call/" class="card-img">
<img class="w-100" src="https://www.qwords.com/blog/wp-content/uploads/2022/02/Random-Video-Call-300x223.webp" alt="8+ Aplikasi Random Video Call Terbaik, Bantu Belajar Bahasa Asing!">
</a>
</div>
<div class="card-body">
<a href="https://www.qwords.com/blog/aplikasi-random-video-call/">
<div class="fs-7 mb-2 text-truncate-2 sidebar-post-title">8+ Aplikasi Random Video Call Terbaik, Bantu Belajar Bahasa Asing!</div>
</a>
<div class="d-flex align-items-center text-600 gap-3">
<span class="fs-8">6 mins read</span>
<span class="fs-8">•</span>
<span class="fs-8">42633 views</span>
</div>
</div>
</div>
</div>
</div></div></div> </div>
</div>
</div>
<div class="footer-bottom">
<div class="container">
<div class="row align-items-center">
<div class="col-12">
<div class="bottom-footer3 d-flex flex-wrap justify-content-lg-between
justify-content-center align-items-center gap-lg-5 gap-3">
<p class="mb-0 mt-0 fs-7">Copyright © 2026 Qwords</p>
<!--Footer menu-->
</div>
</div>
</div>
</div>
</div>
</div>
</footer>
<div class="btn-scroll-top">
<svg class="progress-square svg-content" width="100%" height="100%" viewBox="0 0 40 40">
<path d="M20 1a19 19 0 1 1 0 38 19 19 0 0 1 0-38" />
</svg>
</div>
<script type="speculationrules">
{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/blog/*"},{"not":{"href_matches":["/blog/wp-*.php","/blog/wp-admin/*","/blog/wp-content/uploads/*","/blog/wp-content/*","/blog/wp-content/plugins/*","/blog/wp-content/themes/magzin-child/*","/blog/wp-content/themes/magzin/*","/blog/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]}
</script>
<script>(function(w, d, t, h, s, n) {
w.FlodeskObject = n;
var fn = function() {
(w[n].q = w[n].q || []).push(arguments);
};
w[n] = w[n] || fn;
var f = d.getElementsByTagName(t)[0];
var v = '?v=' + Math.floor(new Date().getTime() / (120 * 1000)) * 60;
var sm = d.createElement(t);
sm.async = true;
sm.type = 'module';
sm.src = h + s + '.mjs' + v;
f.parentNode.insertBefore(sm, f);
var sn = d.createElement(t);
sn.async = true;
sn.noModule = true;
sn.src = h + s + '.js' + v;
f.parentNode.insertBefore(sn, f);
})(window, document, 'script', 'https://assets.flodesk.com', '/universal', 'fd');</script>
<script id='kirki-viewport-lists'>var kirkiViewports = {"md":{"value":1200,"scale":1,"minWidth":1200,"maxWidth":1200,"title":"Desktop","icon":"desktop","activeIcon":"desktop-hover","id":"md","type":"max"},"tablet":{"value":991,"scale":1,"minWidth":991,"maxWidth":991,"title":"Tablet","icon":"tablet-default","activeIcon":"tablet-hover","type":"max","id":"tablet"},"mobileLandscape":{"value":767,"scale":1,"minWidth":767,"maxWidth":767,"title":"Landscape","icon":"phone-hr-default","activeIcon":"phone-hr-hover","type":"max","id":"mobileLandscape"},"mobile":{"value":575,"scale":1,"minWidth":575,"maxWidth":575,"title":"Mobile","icon":"phone-vr-default","activeIcon":"phone-vr-hover","type":"max","id":"mobile"}};</script><script id='kirki-variable-lists'>var kirkiCSSVariable = {"data":[{"title":"Colors","key":"color","modes":[{"title":"Default","key":"default"}],"variables":[]},{"title":"Numbers","key":"size","modes":[{"title":"Default","key":"default"}],"variables":[]},{"title":"Text Styles","key":"text-style","modes":[{"title":"Default","key":"default"}],"variables":[]},{"title":"Font Family","key":"font-family","modes":[{"title":"Default","key":"default"}],"variables":[]}]};</script><script id="kirki-api-and-nonce">
window.wp_kirki = {
ajaxUrl: "https://www.qwords.com/blog/wp-admin/admin-ajax.php",
restUrl: "https://www.qwords.com/blog/wp-json/",
siteUrl: "https://www.qwords.com/blog",
apiVersion: "v1",
postId: "11910",
nonce: "1199ed2b94",
call_from: "",
templateId: "",
context: {"id":11910,"type":"post"}
};
</script><script src="https://assets.flodesk.com/universal.js"></script>
<script>
const lazyloadRunObserver = () => {
const lazyloadBackgrounds = document.querySelectorAll( `.e-con.e-parent:not(.e-lazyloaded)` );
const lazyloadBackgroundObserver = new IntersectionObserver( ( entries ) => {
entries.forEach( ( entry ) => {
if ( entry.isIntersecting ) {
let lazyloadBackground = entry.target;
if( lazyloadBackground ) {
lazyloadBackground.classList.add( 'e-lazyloaded' );
}
lazyloadBackgroundObserver.unobserve( entry.target );
}
});
}, { rootMargin: '200px 0px 200px 0px' } );
lazyloadBackgrounds.forEach( ( lazyloadBackground ) => {
lazyloadBackgroundObserver.observe( lazyloadBackground );
} );
};
const events = [
'DOMContentLoaded',
'elementor/lazyload/observe',
];
events.forEach( ( event ) => {
document.addEventListener( event, lazyloadRunObserver );
} );
</script>
<link data-optimized="1" rel='stylesheet' id='lwptoc-main-css' href='https://www.qwords.com/blog/wp-content/litespeed/css/be8005bd44e009ca6accb0e21cfccbf3.css?ver=c6d8f' media='all' />
<script data-optimized="1" id="wp-hooks-js" src="https://www.qwords.com/blog/wp-content/litespeed/js/fc6b8c1e3d0c2837937af2750f0b53e9.js?ver=9d75f"></script>
<script data-optimized="1" id="wp-i18n-js" src="https://www.qwords.com/blog/wp-content/litespeed/js/98af34b7080a2c58b8b9a9311b584be3.js?ver=0614d"></script>
<script id="wp-i18n-js-after">
wp.i18n.setLocaleData( { 'text direction\u0004ltr': [ 'ltr' ] } );
//# sourceURL=wp-i18n-js-after
</script>
<script data-optimized="1" id="swv-js" src="https://www.qwords.com/blog/wp-content/litespeed/js/ac401c6c3ecda1912cba71dbaa3b2d3b.js?ver=5acde"></script>
<script id="contact-form-7-js-translations">
( function( domain, translations ) {
var localeData = translations.locale_data[ domain ] || translations.locale_data.messages;
localeData[""].domain = domain;
wp.i18n.setLocaleData( localeData, domain );
} )( "contact-form-7", {"translation-revision-date":"2025-08-05 08:34:12+0000","generator":"GlotPress\/4.0.3","domain":"messages","locale_data":{"messages":{"":{"domain":"messages","plural-forms":"nplurals=2; plural=n > 1;","lang":"id"},"Error:":["Eror:"]}},"comment":{"reference":"includes\/js\/index.js"}} );
//# sourceURL=contact-form-7-js-translations
</script>
<script id="contact-form-7-js-before">
var wpcf7 = {
"api": {
"root": "https:\/\/www.qwords.com\/blog\/wp-json\/",
"namespace": "contact-form-7\/v1"
},
"cached": 1
};
//# sourceURL=contact-form-7-js-before
</script>
<script data-optimized="1" id="contact-form-7-js" src="https://www.qwords.com/blog/wp-content/litespeed/js/8ab970a1cee0b6c0d248d3c9d27e93c5.js?ver=21ff3"></script>
<script data-optimized="1" id="scroll-to-top-js" src="https://www.qwords.com/blog/wp-content/litespeed/js/d177b6cb74c3caf08010b9a82e21d512.js?ver=8cda1"></script>
<script id="color-modes-js-before">
window.magzinThemeConfig = {"defaultDarkMode":false};(function() {
"use strict";
var defaultTheme = window.magzinThemeConfig?.defaultDarkMode ? "dark" : "light";
var storedTheme = localStorage.getItem("theme") || defaultTheme;
document.documentElement.setAttribute("data-bs-theme", storedTheme);
})();
//# sourceURL=color-modes-js-before
</script>
<script data-optimized="1" id="color-modes-js" src="https://www.qwords.com/blog/wp-content/litespeed/js/194ad720998cd5e16f3d0eaaa853ada3.js?ver=95500"></script>
<script data-optimized="1" id="smart-stick-nav-js" src="https://www.qwords.com/blog/wp-content/litespeed/js/9cbca880ce04a739d74a01ef6467e0a0.js?ver=662eb"></script>
<script data-optimized="1" id="swiper-js" src="https://www.qwords.com/blog/wp-content/litespeed/js/f8e4ee42cb565e373a9b3f111767246b.js?ver=21003"></script>
<script data-optimized="1" id="aos-js" src="https://www.qwords.com/blog/wp-content/litespeed/js/d684b6459199bfa35af0ae92f5842dda.js?ver=462df"></script>
<script data-optimized="1" id="wow-js" src="https://www.qwords.com/blog/wp-content/litespeed/js/20a9be27e0da0b884a4b2c77770d4a06.js?ver=9bae1"></script>
<script data-optimized="1" id="headhesive-js" src="https://www.qwords.com/blog/wp-content/litespeed/js/a75fabce87a2df8dd6f9b10c9540b6e7.js?ver=ea794"></script>
<script data-optimized="1" id="magnific-popup-js" src="https://www.qwords.com/blog/wp-content/litespeed/js/e5f05d6562b4b289bb9ddaf40d690b78.js?ver=dc6f8"></script>
<script data-optimized="1" id="gsap-js" src="https://www.qwords.com/blog/wp-content/litespeed/js/560714a47032d1e9b68093bf032a0ea6.js?ver=11043"></script>
<script data-optimized="1" id="scroll-to-js" src="https://www.qwords.com/blog/wp-content/litespeed/js/d177b6cb74c3caf08010b9a82e21d512.js?ver=8cda1"></script>
<script data-optimized="1" id="scroll-trigger-js" src="https://www.qwords.com/blog/wp-content/litespeed/js/11c0916e4a064dc3baa7ba3c3a146fa0.js?ver=aae37"></script>
<script data-optimized="1" id="splite-text-js" src="https://www.qwords.com/blog/wp-content/litespeed/js/590447e200ef55e69b91d5502cb8165b.js?ver=8b2ca"></script>
<script data-optimized="1" id="howler-js" src="https://www.qwords.com/blog/wp-content/litespeed/js/aedcd970405b56f4d38a803f76455314.js?ver=e24cb"></script>
<script data-optimized="1" id="carousel-ticker-js" src="https://www.qwords.com/blog/wp-content/litespeed/js/d899c7b0aef316d1e28fdeaa4e4dee36.js?ver=38f5d"></script>
<script data-optimized="1" id="odometer-js" src="https://www.qwords.com/blog/wp-content/litespeed/js/e214671bfa5d6e45c3206c744814af66.js?ver=7a823"></script>
<script data-optimized="1" id="appear-js" src="https://www.qwords.com/blog/wp-content/litespeed/js/40fef01d2d6b1e8cbd7fc850eb1d2bc3.js?ver=f1d6e"></script>
<script data-optimized="1" id="gsap-custom-js" src="https://www.qwords.com/blog/wp-content/litespeed/js/382424f16e4d87727dcc4026c00d498e.js?ver=0f69f"></script>
<script data-optimized="1" id="image-hover-effects-js" src="https://www.qwords.com/blog/wp-content/litespeed/js/93d45005fdee2108a20b3f0da8d8acad.js?ver=65d89"></script>
<script data-optimized="1" id="magzin-main-js" src="https://www.qwords.com/blog/wp-content/litespeed/js/464899e35109eb8c6d9f7d7b95c50fb2.js?ver=e497f"></script>
<script data-optimized="1" async data-wp-strategy="async" fetchpriority="low" id="comment-reply-js" src="https://www.qwords.com/blog/wp-content/litespeed/js/954deca46a056057ff57dc73609b36d7.js?ver=eb2f9"></script>
<script id="EasyTickerJS-js" src="https://cdn.jsdelivr.net/gh/vaakash/jquery-easy-ticker@master/dist/jquery.easy-ticker.min.js?ver=1783788184"></script>
<script data-optimized="1" id="enlighterjs-js" src="https://www.qwords.com/blog/wp-content/litespeed/js/727a1263b91f82ba1d0ec7689dc55cde.js?ver=91957"></script>
<script id="enlighterjs-js-after">
!function(e,n){if("undefined"!=typeof EnlighterJS){var o={"selectors":{"block":"pre.EnlighterJSRAW","inline":"code.EnlighterJSRAW"},"options":{"indent":-1,"ampersandCleanup":true,"linehover":true,"rawcodeDbclick":true,"textOverflow":"break","linenumbers":true,"theme":"enlighter","language":"generic","retainCssClasses":false,"collapse":false,"toolbarOuter":"","toolbarTop":"{BTN_RAW}{BTN_COPY}{BTN_WINDOW}{BTN_WEBSITE}","toolbarBottom":""}};(e.EnlighterJSINIT=function(){EnlighterJS.init(o.selectors.block,o.selectors.inline,o.options)})()}else{(n&&(n.error||n.log)||function(){})("Error: EnlighterJS resources not loaded yet!")}}(window,console);
//# sourceURL=enlighterjs-js-after
</script>
<script data-optimized="1" id="lwptoc-main-js" src="https://www.qwords.com/blog/wp-content/litespeed/js/6dedc9dc216499c2b984b7fe75c75ff1.js?ver=e23dd"></script>
<script data-optimized="1" defer id="akismet-frontend-js" src="https://www.qwords.com/blog/wp-content/litespeed/js/41e73dc7d8008a43fb004b1c4e6b5829.js?ver=a59cf"></script>
<script id="wp-emoji-settings" type="application/json">
{"baseUrl":"https://s.w.org/images/core/emoji/17.0.2/72x72/","ext":".png","svgUrl":"https://s.w.org/images/core/emoji/17.0.2/svg/","svgExt":".svg","source":{"concatemoji":"https://www.qwords.com/blog/wp-includes/js/wp-emoji-release.min.js?ver=7.0.1"}}
</script>
<script type="module">
/*! This file is auto-generated */
const a=JSON.parse(document.getElementById("wp-emoji-settings").textContent),o=(window._wpemojiSettings=a,"wpEmojiSettingsSupports"),s=["flag","emoji"];function i(e){try{var t={supportTests:e,timestamp:(new Date).valueOf()};sessionStorage.setItem(o,JSON.stringify(t))}catch(e){}}function c(e,t,n){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);t=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(n,0,0);const a=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);return t.every((e,t)=>e===a[t])}function p(e,t){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);var n=e.getImageData(16,16,1,1);for(let e=0;e<n.data.length;e++)if(0!==n.data[e])return!1;return!0}function u(e,t,n,a){switch(t){case"flag":return n(e,"\ud83c\udff3\ufe0f\u200d\u26a7\ufe0f","\ud83c\udff3\ufe0f\u200b\u26a7\ufe0f")?!1:!n(e,"\ud83c\udde8\ud83c\uddf6","\ud83c\udde8\u200b\ud83c\uddf6")&&!n(e,"\ud83c\udff4\udb40\udc67\udb40\udc62\udb40\udc65\udb40\udc6e\udb40\udc67\udb40\udc7f","\ud83c\udff4\u200b\udb40\udc67\u200b\udb40\udc62\u200b\udb40\udc65\u200b\udb40\udc6e\u200b\udb40\udc67\u200b\udb40\udc7f");case"emoji":return!a(e,"\ud83e\u1fac8")}return!1}function f(e,t,n,a){let r;const o=(r="undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?new OffscreenCanvas(300,150):document.createElement("canvas")).getContext("2d",{willReadFrequently:!0}),s=(o.textBaseline="top",o.font="600 32px Arial",{});return e.forEach(e=>{s[e]=t(o,e,n,a)}),s}function r(e){var t=document.createElement("script");t.src=e,t.defer=!0,document.head.appendChild(t)}a.supports={everything:!0,everythingExceptFlag:!0},new Promise(t=>{let n=function(){try{var e=JSON.parse(sessionStorage.getItem(o));if("object"==typeof e&&"number"==typeof e.timestamp&&(new Date).valueOf()<e.timestamp+604800&&"object"==typeof e.supportTests)return e.supportTests}catch(e){}return null}();if(!n){if("undefined"!=typeof Worker&&"undefined"!=typeof OffscreenCanvas&&"undefined"!=typeof URL&&URL.createObjectURL&&"undefined"!=typeof Blob)try{var e="postMessage("+f.toString()+"("+[JSON.stringify(s),u.toString(),c.toString(),p.toString()].join(",")+"));",a=new Blob([e],{type:"text/javascript"});const r=new Worker(URL.createObjectURL(a),{name:"wpTestEmojiSupports"});return void(r.onmessage=e=>{i(n=e.data),r.terminate(),t(n)})}catch(e){}i(n=f(s,u,c,p))}t(n)}).then(e=>{for(const n in e)a.supports[n]=e[n],a.supports.everything=a.supports.everything&&a.supports[n],"flag"!==n&&(a.supports.everythingExceptFlag=a.supports.everythingExceptFlag&&a.supports[n]);var t;a.supports.everythingExceptFlag=a.supports.everythingExceptFlag&&!a.supports.flag,a.supports.everything||((t=a.source||{}).concatemoji?r(t.concatemoji):t.wpemoji&&t.twemoji&&(r(t.twemoji),r(t.wpemoji)))});
//# sourceURL=https://www.qwords.com/blog/wp-includes/js/wp-emoji-loader.min.js
</script>
<style>.lwptoc .lwptoc_i{background-color:#f9f9f9;}</style> <style>
/* Wrapper luar untuk memastikan layout block */
.tutorial-wrapper {
display: block;
width: 100%;
margin: 25px 0;
clear: both;
}
.tutorial-container {
background: #1e1e1e;
border-radius: 8px;
box-shadow: 0 10px 30px rgba(0,0,0,0.25);
font-family: 'Consolas', 'Monaco', 'Courier New', monospace;
overflow: hidden; /* Penting agar anak elemen tidak keluar */
display: flex;
flex-direction: column;
text-align: left;
position: relative;
border: 1px solid #333;
}
/* HEADER */
.tutorial-header {
background: #252526;
padding: 10px 15px;
display: flex;
justify-content: space-between;
align-items: center;
border-bottom: 1px solid #333;
width: 100%;
box-sizing: border-box;
}
.dots-wrapper { display: flex; gap: 6px; }
.dot { height: 11px; width: 11px; border-radius: 50%; }
.red { background: #ff5f56; } .yellow { background: #ffbd2e; } .green { background: #27c93f; }
/* BODY KODE */
.code-wrapper {
background: #1e1e1e;
display: block;
width: 100%;
box-sizing: border-box;
position: relative;
}
.code-wrapper pre {
margin: 0 !important;
padding: 20px !important;
background: transparent !important;
border: none !important;
color: #d4d4d4;
font-family: inherit;
font-size: 13px;
line-height: 1.5;
overflow-x: auto; /* Scroll jika kepanjangan */
white-space: pre !important; /* Mencegah wrap paksa */
width: 100%;
}
.code-wrapper code {
font-family: inherit !important;
color: inherit !important;
background: none !important;
padding: 0 !important;
white-space: pre !important;
}
.copy-btn-tutorial {
background: #444;
color: #fff;
border: 1px solid #555;
padding: 4px 10px;
font-size: 11px;
border-radius: 3px;
cursor: pointer;
line-height: normal;
}
.copy-btn-tutorial:hover { background: #555; }
</style>
<script>
function copyCode(button) {
const container = button.closest('.tutorial-container');
const codeText = container.querySelector('code').innerText;
// Gunakan elemen textarea temp untuk menyalin format baris baru dengan benar
const el = document.createElement('textarea');
el.value = codeText;
document.body.appendChild(el);
el.select();
document.execCommand('copy');
document.body.removeChild(el);
const oldText = button.innerText;
button.innerText = 'Copied!';
setTimeout(() => { button.innerText = oldText; }, 2000);
}
</script>
<!--<script src="https://livechat.genio.id/widget.js" data-server="https://livechat.genio.id"></script>-->
</body>
</html>
<!-- Page supported by LiteSpeed Cache 7.8.1 on 2026-07-11 23:43:05 -->]]>
