Apa yang Dilakukan Acara onmouseover di JavaScript

“ onmouseover ” acara melakukan tugas yang diinginkan saat pengguna mengarahkan mouse ke elemen HTML. Ini mendukung semua jenis elemen HTML kecuali '', '', ' <base>', '<style>', '<head>', ' <body>', '<script>' , “ <iframe>”, “<meta>”, “ <br>”, “ <bdo>”, dan “<param>”. Dalam JavaScript, sebagian besar digunakan untuk memanggil dan menjalankan fungsi untuk melakukan tugas tertentu pada pemicu peristiwa.<p> Panduan ini akan menunjukkan tujuan, dan cara kerja event 'onmouseover' di JavaScript.</p> <h2> <strong> Bagaimana Cara Kerja 'onmouseover Event' di JavaScript?</strong> </h2> <p> “ <strong> onmouseover</strong> ” acara memungkinkan eksekusi fungsi JavaScript dengan mengarahkan penunjuk tetikus pada elemen yang ditentukan.</p><hr> <br /> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-4062866992167421" crossorigin="anonymous"></script>  <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-4062866992167421" data-ad-slot="3660419154" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script><br /> <hr><br /><div class="embeded-video"><iframe src="https://www.youtube.com/embed/lUqLq0qxd6I?modestbranding=1" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></div> <br /> <p> <strong> Sintaksis</strong> </p> <br /> <ins class="staticpubads89354" data-sizes-desktop="728x90,750x100,750x200,750x300" data-sizes-mobile="300x250,336x280,360x300" data-slot="3"></ins><br /> elemen.<span class="me1"> onmouseover</span> <span class="sy0"> =</span> fungsi<span class="br0"> (</span><span class="br0"> )</span><span class="br0"> {</span> myScript<span class="br0"> }</span><span class="sy0"> ;</span> <p> Dalam sintaks di atas:</p> <br /> <ins class="staticpubads89354" data-sizes-desktop="728x90,750x100,750x200,750x300" data-sizes-mobile="300x250,336x280,360x300" data-slot="4"></ins><br /> <ul> <li> <strong> elemen:</strong> Ini menentukan elemen HTML tertentu seperti '<p>', '<h2>', '<h3>' dll.</li> <li> <strong> fungsi():</strong> Ini mewakili fungsi yang ditentukan yang akan dipanggil pada pemicu acara.</li> <li> <strong> Skripku:</strong> Ini mengacu pada definisi fungsi untuk melakukan tugas tertentu saat peristiwa 'onmouseover' terjadi.</li> </ul> <p> <strong> Sintaks(Dengan Metode “addEventListener()”)</strong> </p><hr> <br /> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-4062866992167421" crossorigin="anonymous"></script>  <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-4062866992167421" data-ad-slot="9858463164" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script><br /> <hr> elemen.<span class="me1"> addEventListener</span><span class="br0"> (</span><span class="st0"> 'tikus ke atas'</span> , skripku<span class="br0"> )</span><span class="sy0"> ;</span> <p> Dalam sintaks di atas, ' <strong> addEventListner()</strong> metode melampirkan ' <strong> onmouseover</strong> ” acara untuk eksekusi fungsi JavaScript untuk melakukan beberapa tugas.</p> <h3> <strong> Contoh 1: Menerapkan Acara 'onmouseover' untuk Menampilkan Kotak Peringatan Berdasarkan Sintaks Dasar</strong> </h3> <p> Dalam skenario ini, sebuah “ <strong> onmouseover</strong> ” acara dapat dikaitkan dengan “ <strong> <p></strong> ”, yaitu, elemen HTML paragraf untuk menampilkan kotak peringatan dengan pesan yang diberikan pada pemicu peristiwa.</p> <br /> <ins class="staticpubads89354" data-sizes-desktop="728x90,750x100,750x200,750x300" data-sizes-mobile="300x250,336x280,360x300" data-slot="5"></ins><br /> <h3> <strong> Kode HTML</strong> </h3> <p> Pertama, lihat kode HTML berikut:</p> <span class="sy0"> <</span> h2 menyelaraskan<span class="sy0"> =</span><span class="st0"> 'tengah'</span><span class="sy0"> ></span> Peringatan tampilan <a href="https://www.google.com/search?hl=en&q=allinurl%3Adocs.oracle.com+javase+docs+api+box"><span class="kw3"> Kotak</span></a> Menggunakan<span class="st0"> 'onmouseover'</span> Peristiwa<span class="sy0"> </</span> h2<span class="sy0"> ></span> <br> <br> <span class="sy0"> <</span> p onmouseover<span class="sy0"> =</span><span class="st0"> 'Sampel()'</span><span class="sy0"> ></span> Arahkan kursor<span class="kw1"> ini</span> paragraf untuk memunculkan kotak peringatan.<span class="sy0"> </</span> P<span class="sy0"> ></span> <p> Dalam kode di atas:</p> <ul> <li> Pertama, tambahkan subjudul level 2 melalui “ <strong> <h2></strong> ” dan atur perataannya ke 'tengah'.</li> <li> Selanjutnya, sertakan paragraf yang memiliki asosiasi “ <strong> onmouseover</strong> ” acara mengarahkan ulang ke fungsi bernama “ <strong> Sampel()</strong> ” yang akan dipicu saat kursor diarahkan ke paragraf ini.</li> </ul> <h3> <strong> Kode JavaScript</strong> </h3> <p> Sekarang, ikhtisar kode JavaScript yang disediakan di bawah ini:</p> <span class="sy0"> <</span> naskah<span class="sy0"> ></span> <br> <br> sampel fungsi<span class="br0"> (</span><span class="br0"> )</span> <span class="br0"> {</span> <br> <br> peringatan<span class="br0"> (</span><span class="st0"> 'acara onmouseover dipicu'</span><span class="br0"> )</span><span class="sy0"> ;</span> <br> <br> <span class="br0"> }</span> <br> <br> <span class="sy0"> </</span> naskah<span class="sy0"> ></span> <p> Pada cuplikan kode di atas, fungsi “ <strong> Sampel()</strong> ” dideklarasikan untuk menampilkan “ <strong> peringatan</strong> ” kotak dengan pesan yang dinyatakan saat peristiwa 'onmouseover' dipicu.</p> <p> <strong> Keluaran</strong> </p> <p> <strong> <img class="wp-image-324019" src="https://softoban.com/img/other/72/what-does-onmouseover-event-do-in-javascript-1.gif"></strong> </p> <p> Keluaran ini menunjukkan bahwa saat mouse diarahkan ke paragraf, kotak 'peringatan' muncul menampilkan pesan yang disebutkan.</p> <h3> <strong> Contoh 2: Menerapkan Acara 'onmouseover' untuk Mengubah Warna Latar Belakang Berdasarkan Sintaks Metode 'addEventListener ()'</strong> </h3> <p> Contoh ini menerapkan event “onmouseover” dengan metode “addEventListener()” untuk mengubah paragraf “ <strong> warna latar belakang</strong> ” pada pemicu acara.</p> <h3> <strong> Kode HTML</strong> </h3> <p> Kode HTML diberikan di bawah ini:</p> <span class="sy0"> <</span> h2 menyelaraskan<span class="sy0"> =</span><span class="st0"> 'tengah'</span><span class="sy0"> ></span> Ubah Latar Belakang <a href="https://www.google.com/search?hl=en&q=allinurl%3Adocs.oracle.com+javase+docs+api+color"><span class="kw3"> Warna</span></a> Menggunakan<span class="st0"> 'onmouseover'</span> Peristiwa<span class="sy0"> </</span> h2<span class="sy0"> ></span> <br> <br> <span class="sy0"> <</span> p id<span class="sy0"> =</span><span class="st0"> 'tes'</span><span class="sy0"> ></span> Arahkan kursor<span class="kw1"> ini</span> paragraf untuk mengubah warna latar belakangnya.<span class="sy0"> </</span> P<span class="sy0"> ></span> <p> Pada baris kode di atas:</p> <ul> <li> Demikian pula, “ <strong> <h2></strong> elemen ” membuat subjudul level 2 yang disejajarkan di “ <strong> tengah</strong> ”.</li> <li> Setelah itu, “ <strong> <p></strong> ” elemen mewakili paragraf yang memiliki id 'tes'.</li> </ul> <h3> <strong> Kode JavaScript</strong> </h3> <p> Sekarang, lanjutkan ke kode JavaScript berikut:</p> <span class="sy0"> <</span> naskah<span class="sy0"> ></span> <br> <br> dokumen.<span class="me1"> getElementById</span><span class="br0"> (</span><span class="st0"> 'tes'</span><span class="br0"> )</span> .<span class="me1"> addEventListener</span><span class="br0"> (</span><span class="st0"> 'tikus ke atas'</span> , demo<span class="br0"> )</span><span class="sy0"> ;</span> <br> <br> fungsi demo<span class="br0"> (</span><span class="br0"> )</span> <span class="br0"> {</span> <br> <br> dokumen.<span class="me1"> getElementById</span><span class="br0"> (</span><span class="st0"> 'tes'</span><span class="br0"> )</span> .<span class="me1"> gaya</span> .<span class="me1"> latar belakang</span> <span class="sy0"> =</span> <span class="st0"> 'Merah Jambu'</span><span class="sy0"> ;</span> <br> <br> <span class="br0"> }</span> <br> <br> <span class="sy0"> </</span> naskah<span class="sy0"> ></span> <p> Di blok kode di atas:</p> <ul> <li> “ <strong> getElementById()</strong> ” metode diterapkan dikombinasikan dengan “ <strong> addEventListener()</strong> ” untuk mengambil paragraf melalui id 'tes' yang terkait, dan mengaitkan acara 'mouseover' dengan fungsi yang dinyatakan sebagai argumennya.</li> <li> Sekarang, tentukan fungsi “ <strong> fungsiku()</strong> ”.</li> <li> Dalam definisi fungsi, “ <strong> dokumen.getElementById()</strong> metode ” menggunakan “ <strong> gaya.latar belakang</strong> ” untuk mengubah warna latar belakang paragraf setelah pemicu peristiwa.</li> </ul> <p> <strong> Keluaran</strong> </p> <p> <strong> <img class="wp-image-324020" src="https://softoban.com/img/other/72/what-does-onmouseover-event-do-in-javascript-2.gif"></strong> </p> <p> Seperti yang terlihat, ' <strong> warna latar belakang</strong> ” paragraf telah diubah pada peristiwa yang dipicu yaitu, 'mouseover'.</p> <h2> <strong> Kesimpulan</strong> </h2> <p> JavaScript menawarkan “ <strong> onmouseover</strong> ” yang memicu tindakan yang diinginkan saat mengarahkan penunjuk tetikus pada elemen HTML. Itu memanggil fungsi JavaScript untuk melakukan tindakan yang ditentukan pada pemicu acara. Itu dapat diimplementasikan dengan “ <button>” atau elemen HTML lain seperti “<p>”, “<h>” dll. Posting ini menjelaskan penggunaan dan fungsi event “onmouseover” di JavaScript.</p> </article> <div class="d-flex justify-content-center"> <script type="text/javascript">(function() { if (window.pluso)if (typeof window.pluso.start == "function") return; if (window.ifpluso==undefined) { window.ifpluso = 1; var d = document, s = d.createElement('script'), g = 'getElementsByTagName'; s.type = 'text/javascript'; s.charset='UTF-8'; s.async = true; s.src = ('https:' == window.location.protocol ? 'https' : 'http') + '://share.pluso.ru/pluso-like.js'; var h=d[g]('body')[0]; h.appendChild(s); }})();</script> <div class="pluso" data-background="transparent" data-options="big,round,line,horizontal,nocounter,theme=06" data-services="facebook,twitter,email,print"></div> </div> <div class="tag-widget post-tag-container mb-5 mt-5"> <div class="tagcloud"> <a href="/lainnya/" class="tag-cloud-link">Lainnya</a> </div> </div> </div> </div> <div class="col-lg-4 sidebar ftco-animate bg-light pt-5"> <div class="sidebar-box ftco-animate"> <h3 class="sidebar-heading">Kategori</h3> <ul class="categories"> <li> <a href="/raspberry-pi/">Raspberry Pi</a> </li><li> <a href="/ethernet/">Ethernet</a> </li><li> <a href="/other/">Lainnya</a> </li><li> <a href="/nano/">Nano</a> </li><li> <a href="/zoom/">Perbesar</a> </li><li> <a href="/cinnamon/">Kayu Manis</a> </li><li> <a href="/reviews/">Ulasan</a> </li><li> <a href="/zorinos/">Zorinos</a> </li><li> <a href="/radio/">Radio</a> </li><li> <a href="/minecraft/">Minecraft</a> </li><li> <a href="/ssh/">Ssh</a> </li><li> <a href="/openvas/">Openvas</a> </li><li> <a href="/compression/">Kompresi</a> </li><li> <a href="/laravel/">Laravel</a> </li><li> <a href="/aircrack/">Retakan Udara</a> </li><li> <a href="/office-productivity-software/">Perangkat Lunak Produktivitas Kantor</a> </li><li> <a href="/boot/">Sepatu Bot</a> </li><li> <a href="/system-calls/">Panggilan Sistem</a> </li><li> <a href="/sysctl/">Sysctl</a> </li><li> <a href="/networking/">Jaringan</a> </li><li> <a href="/gpu/">Gpu</a> </li><li> <a href="/gimp/">Gimp</a> </li><li> <a href="/plex/">Kompleks</a> </li><li> <a href="/uefi/">Uefi</a> </li><li> <a href="/docker/">Buruh Pelabuhan</a> </li><li> <a href="/firewall/">Firewall</a> </li><li> <a href="/wireshark/">Wireshark</a> </li><li> <a href="/synology/">Sinologi</a> </li><li> <a href="/pdf/">Pdf</a> </li><li> <a href="/ethereum/">Ethereum</a> </li><li> <a href="/parrot-os/">Os Burung Beo</a> </li><li> <a href="/sublime/">Sublim</a> </li><li> <a href="/selinux/">Selinux</a> </li><li> <a href="/hyper-v/">Hiper-V</a> </li><li> <a href="/phone/">Telepon</a> </li><li> <a href="/kodi/">Kode</a> </li><li> <a href="/gnome/">Gnome</a> </li><li> <a href="/manjaro/">Kelezatan</a> </li><li> <a href="/mouse/">Mouse</a> </li><li> <a href="/nmap/">Nmap</a> </li><li> <a href="/metasploit/">Metasploit</a> </li><li> <a href="/torrent/">Torrent</a> </li><li> <a href="/tablet/">Tablet</a> </li><li> <a href="/pycharm/">Pycharm</a> </li><li> <a href="/curl/">Keriting</a> </li><li> <a href="/kde/">Di Mana</a> </li><li> <a href="/gcc/">Gcc</a> </li><li> <a href="/fonts/">Font</a> </li><li> <a href="/ssl/">Ssl</a> </li><li> <a href="/nvidia/">Nvidia</a> </li><li> <a href="/images/">Gambar-Gambar</a> </li><li> <a href="/usb/">Usb</a> </li><li> <a href="/squid/">Cumi-Cumi</a> </li><li> <a href="/mate/">Pasangan</a> </li><li> <a href="/vlc-media-player/">Pemutar Media Vlc</a> </li><li> <a href="/dns/">Dns</a> </li><li> <a href="/bitcoin/">Bitcoin</a> </li><li> <a href="/keyboard/">Papan Ketik</a> </li><li> <a href="/inkscape/">Pemandangan Tinta</a> </li><li> <a href="/encryption/">Enkripsi</a> </li><li> <a href="/fedora/">Fedora</a> </li><li> <a href="/owncloud/">Awan Sendiri</a> </li><li> <a href="/scanner/">Pemindai</a> </li><li> <a href="/atom/">Atom</a> </li><li> <a href="/red-hat/">Topi Merah</a> </li><li> <a href="/teamviewer/">Teamviewer</a> </li><li> <a href="/skype/">Skype</a> </li><li> <a href="/vpn/">Vpn</a> </li><li> <a href="/xfce/">Xfce</a> </li><li> <a href="/jupyter-notebook/">Buku Catatan Jupyter</a> </li><li> <a href="/nfs/">Nfs</a> </li><li> <a href="/blog/">Blog</a> </li><li> <a href="/lvm/">Lvm</a> </li><li> <a href="/suse/">Suse</a> </li><li> <a href="/media-players/">Pemutar Media</a> </li><li> <a href="/posix/">Posix</a> </li><li> <a href="/steam/">Uap</a> </li><li> <a href="/jenkins/">Jenkins</a> </li><li> <a href="/power/">Kekuasaan</a> </li><li> <a href="/oracle-linux/">Oracle Linux</a> </li><li> <a href="/netstat/">Status Bersih</a> </li><li> <a href="/kvm/">Meter Persegi</a> </li><li> <a href="/bluetooth/">Bluetooth</a> </li><li> <a href="/ssd/">Ssd</a> </li><li> <a href="/grep/">Pegangan</a> </li><li> <a href="/gentoo/">Gentoo</a> </li><li> <a href="/odyssey/">Pengembaraan</a> </li><li> <a href="/audio/">Audio</a> </li><li> <a href="/cpu/">Cpu</a> </li><li> <a href="/tensorflow/">Aliran Tensor</a> </li><li> <a href="/autodesk/">Meja Otomatis</a> </li><li> <a href="/lubuntu/">Lubuntu</a> </li><li> <a href="/llvm/">Llvm</a> </li><li> <a href="/windows/">Windows</a> </li><li> <a href="/microsoft-edge/">Microsoft Edge (Warisan)</a> </li><li> <a href="/internet-explorer/">Internet Explorer</a> </li><li> <a href="/office/">Kantor</a> </li><li> <a href="/lainnya/">Lainnya</a> </li><li> <a href="/kamera-web/">kamera web</a> </li><li> <a href="/pemutar-media/">pemutar media</a> </li><li> <a href="/cpanel/">cPanel</a> </li><li> <a href="/haproxy/">haproxy</a> </li><li> <a href="/sublim/">sublim</a> </li><li> <a href="/ubuntu-24-04-cat/">Ubuntu 24.04</a> </li><li> <a href="/cloud-berikutnya/">cloud berikutnya</a> </li><li> <a href="/kebajikan/">kebajikan</a> </li><li> <a href="/usb-passthrough/">usb-passthrough</a> </li><li> <a href="/boot-aman/">#boot-aman</a> </li> </ul> </div> <div class="sidebar-box ftco-animate"> <h3 class="sidebar-heading">Pesan Populer</h3> <div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/6C/how-to-install-chatgpt-locally-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/bagaimana-cara-memasang-chatgpt-secara-lokal">Bagaimana Cara Memasang ChatGPT Secara Lokal?</a> </h3> <div class="meta"> <div> <a href="/lainnya/"><span class="icon-chat"></span> Lainnya</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/D4/how-to-use-the-output-parser-in-langchain-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/bagaimana-cara-menggunakan-parser-output-di-langchain">Bagaimana Cara Menggunakan Parser Output di LangChain?</a> </h3> <div class="meta"> <div> <a href="/lainnya/"><span class="icon-chat"></span> Lainnya</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/C1/difference-between-java-system-getproperty-and-system-getenv-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/perbedaan-antara-java-system-getproperty-dan-system-getenv">Perbedaan Antara Java System.getProperty Dan System.getenv?</a> </h3> <div class="meta"> <div> <a href="/lainnya/"><span class="icon-chat"></span> Lainnya</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/0A/pandas-display-max-rows-1.jpg);"></a> <div class="text"> <h3 class="heading"> <a href="/pandas-menampilkan-baris-maks">Pandas Menampilkan Baris Maks</a> </h3> <div class="meta"> <div> <a href="/lainnya/"><span class="icon-chat"></span> Lainnya</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/B9/how-to-work-with-javascript-html-domtokenlist-object-1.gif);"></a> <div class="text"> <h3 class="heading"> <a href="/bagaimana-cara-bekerja-dengan-objek-javascript-html-domtokenlist">Bagaimana Cara Bekerja dengan Objek JavaScript HTML DOMTokenList?</a> </h3> <div class="meta"> <div> <a href="/lainnya/"><span class="icon-chat"></span> Lainnya</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/1E/what-is-the-difference-between-docker-and-podman-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/apa-perbedaan-antara-docker-dan-podman">Apa Perbedaan Antara Docker dan Podman?</a> </h3> <div class="meta"> <div> <a href="/lainnya/"><span class="icon-chat"></span> Lainnya</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/B8/remotely-control-raspberry-pi-through-piassistant-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/kontrol-raspberry-pi-dari-jarak-jauh-melalui-piassistant">Kontrol Raspberry Pi dari Jarak Jauh Melalui PiAssistant</a> </h3> <div class="meta"> <div> <a href="/lainnya/"><span class="icon-chat"></span> Lainnya</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/0A/how-to-show-uncommitted-changes-in-git-and-some-git-diffs-in-detail-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/bagaimana-cara-menampilkan-perubahan-tanpa-komitmen-di-git-dan-beberapa-perbedaan-git-secara-detail">Bagaimana Cara Menampilkan Perubahan Tanpa Komitmen di Git dan Beberapa perbedaan Git secara Detail?</a> </h3> <div class="meta"> <div> <a href="/lainnya/"><span class="icon-chat"></span> Lainnya</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/windows/56/restore-microsoft-edge-close-all-tabs-prompt-after-disabling-it-accidentally-winhelponline.png);"></a> <div class="text"> <h3 class="heading"> <a href="/restore-microsoft-edge-close-all-tabs-prompt-after-disabling-it-accidentally-winhelponline">Kembalikan Microsoft Edge 'Tutup Semua Tab' Prompt Setelah Menonaktifkannya Secara Tidak Sengaja - Winhelponline</a> </h3> <div class="meta"> <div> <a href="/windows/"><span class="icon-chat"></span> Windows</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/EE/what-are-list-crawlers-in-aws-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/apa-itu-perayap-daftar-di-aws">Apa itu Perayap Daftar di AWS?</a> </h3> <div class="meta"> <div> <a href="/lainnya/"><span class="icon-chat"></span> Lainnya</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/71/how-to-create-an-afk-channel-on-discord-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/cara-membuat-saluran-afk-di-discord">Cara Membuat Saluran AFK di Discord</a> </h3> <div class="meta"> <div> <a href="/lainnya/"><span class="icon-chat"></span> Lainnya</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/46/how-to-make-a-custom-discord-video-background-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/cara-membuat-latar-belakang-video-perselisihan-kustom">Cara Membuat Latar Belakang Video Perselisihan Kustom</a> </h3> <div class="meta"> <div> <a href="/lainnya/"><span class="icon-chat"></span> Lainnya</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/D8/serial-readstring-arduino-function-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/serial-readstring-fungsi-arduino">Serial.readString() Fungsi Arduino</a> </h3> <div class="meta"> <div> <a href="/lainnya/"><span class="icon-chat"></span> Lainnya</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/68/what-is-discord-s-watch-together-new-feature-released-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/apa-itu-fitur-baru-tonton-bersama-discord-dirilis">Apa itu Fitur Baru 'Tonton Bersama' Discord Dirilis</a> </h3> <div class="meta"> <div> <a href="/lainnya/"><span class="icon-chat"></span> Lainnya</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/C3/how-to-install-mongodb-enterprise-with-docker-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/bagaimana-cara-memasang-mongodb-enterprise-dengan-docker">Bagaimana Cara Memasang MongoDB Enterprise Dengan Docker?</a> </h3> <div class="meta"> <div> <a href="/lainnya/"><span class="icon-chat"></span> Lainnya</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/81/how-to-install-php-latest-version-on-debian-11-bullseye-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/cara-instal-php-versi-terbaru-di-debian-11-bullseye">Cara Instal PHP Versi Terbaru di Debian 11 Bullseye</a> </h3> <div class="meta"> <div> <a href="/lainnya/"><span class="icon-chat"></span> Lainnya</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/0B/best-sticky-notes-apps-for-linux-mint-21-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/aplikasi-catatan-tempel-terbaik-untuk-linux-mint-21">Aplikasi Catatan Tempel Terbaik untuk Linux Mint 21</a> </h3> <div class="meta"> <div> <a href="/lainnya/"><span class="icon-chat"></span> Lainnya</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/24/bash-history-commands-and-expansions-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/perintah-dan-ekspansi-sejarah-bash">Perintah dan Ekspansi Sejarah Bash</a> </h3> <div class="meta"> <div> <a href="/lainnya/"><span class="icon-chat"></span> Lainnya</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/55/how-many-discord-accounts-can-you-have-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/berapa-banyak-akun-perselisihan-yang-dapat-anda-miliki">Berapa Banyak Akun Perselisihan yang Dapat Anda Miliki</a> </h3> <div class="meta"> <div> <a href="/lainnya/"><span class="icon-chat"></span> Lainnya</a> </div> </div> </div> </div><div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(https://softoban.com/img/other/14/how-to-return-multiple-values-from-a-caller-in-c-1.png);"></a> <div class="text"> <h3 class="heading"> <a href="/cara-mengembalikan-banyak-nilai-dari-penelepon-di-c">Cara Mengembalikan Banyak Nilai dari Penelepon di C#</a> </h3> <div class="meta"> <div> <a href="/lainnya/"><span class="icon-chat"></span> Lainnya</a> </div> </div> </div> </div> </div> </div> </div> </div> </section> </div> </div>  <div id="ftco-loader" class="show fullscreen"><svg class="circular" width="48px" height="48px"><circle class="path-bg" cx="24" cy="24" r="22" fill="none" stroke-width="4" stroke="#eeeeee"/><circle class="path" cx="24" cy="24" r="22" fill="none" stroke-width="4" stroke-miterlimit="10" stroke="#F96D00"/></svg></div> <script src="https://softoban.com/template/js/jquery.min.js"></script> <script src="https://softoban.com/template/js/jquery-migrate-3.0.1.min.js"></script> <script src="https://softoban.com/template/js/popper.min.js"></script> <script src="https://softoban.com/template/js/bootstrap.min.js"></script> <script src="https://softoban.com/template/js/jquery.easing.1.3.js"></script> <script src="https://softoban.com/template/js/jquery.waypoints.min.js"></script> <script src="https://softoban.com/template/js/jquery.stellar.min.js"></script> <script src="https://softoban.com/template/js/owl.carousel.min.js"></script> <script src="https://softoban.com/template/js/jquery.magnific-popup.min.js"></script> <script src="https://softoban.com/template/js/aos.js"></script> <script src="https://softoban.com/template/js/jquery.animateNumber.min.js"></script> <script src="https://softoban.com/template/js/scrollax.min.js"></script> <script src="https://softoban.com/template/js/main.js"></script> <script async="" defer="" src="//www.instagram.com/embed.js"></script> <script async="" src="https://platform.twitter.com/widgets.js"></script> <script> window.onload = function(){ for(i in document.images) { if(document.images[i].naturalWidth==0){ if(window.location.pathname.length > 1){ document.images[i].style="display:none" } else { document.images[i].src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=" } } } } $(document).ready(() => { $('nav').find('a').each(function(){ if($(this).attr('href') == window.location.pathname){ $(this).parent('li').addClass('active') } }) var wrapper = '<div class="embeded-video"></div>'; if($('iframe[width="560"]').length > 1){ $('.m_v').remove(); }else{ } $('iframe[src^="https://www.youtube.com/embed/"]').wrap(wrapper); let loc = window.location.pathname; if(loc == '/privacy-policy'){ $('div.embeded-video').remove(); $('blockquote').remove(); } }) </script> <script type="text/javascript" src="https://s.skimresources.com/js/192355X1670518.skimlinks.js"></script></body> </html>