Markdown adalah bahasa markup. Kita bisa menulis lebih cepat dan lebih efektif dengan menggunakan Markdown. Itu membuatnya mudah untuk membuat konten internet. Di Markdown, kita dapat dengan mudah mengetik teks, paragraf, dan elemen lainnya. Penurunan harga juga memungkinkan kita untuk memformat teks dengan menambahkan beberapa simbol. Selain itu, ia menawarkan opsi untuk menyertakan tautan, foto, daftar, dll. di Penurunan Harga. Hal ini kurang rumit dari HTML. Seperti HTML, tidak memerlukan banyak tag.
Dalam HTML, kita harus menambahkan banyak tag dan gaya juga ditambahkan dalam HTML untuk pemformatan. Kita dapat melakukan tugas yang sama dalam HTML yang juga dapat kita lakukan dengan menggunakan Markdown. Kita dapat mengonversi file Markdown menjadi file HTML dengan mudah hanya dengan menggunakan beberapa perintah. Kami akan menjelaskan cara mengubah Markdown ke HTML di sini. Kami juga akan mengonversi Markdown menjadi HTML dan memberikan penjelasan rinci tentang konsep ini dalam panduan ini. Sekarang, kita mengubah file Markdown menjadi file HTML. Juga, kami akan menunjukkan dan menjelaskan setiap langkah yang harus kami ikuti untuk mengubah file Markdown menjadi file HTML di Visual Studio Code.
Contoh 1:
Kami menggunakan Kode Visual Studio di sini. Kami menunjukkan bagaimana kami mengubah file Markdown menjadi file HTML di Visual Studio Code. Untuk ini, kita harus memiliki file penurunan harga yang dibuat dalam Kode Visual Studio ini. File yang kita buat disini bernama “myabcfile.md”. Pada file ini, kita menambahkan heading dengan menggunakan tag “#”. Kemudian, kami menambahkan teks di bawah judul ini yang merupakan teks atau paragraf sederhana. Sekarang, kita juga menyisipkan baris lain yang tebal karena kita menyisipkan dua tanda bintang di awal dan dua tanda bintang di akhir baris ini. Jadi, garis ini tampak tebal di sini. Setelah ini, kami membuat kata 'daftar' miring. Kami membuat kata ini miring menggunakan dua garis bawah. Satu garis bawah ditambahkan di awal dan satu garis bawah ditambahkan di akhir kata. Dalam ilustrasi berikut, kami membuat daftar terurut dengan menempatkan nomor dan meletakkan titik setelah nomor. Sekarang, kita simpan file ini. Kami juga akan menunjukkan bagaimana file ini muncul di jendela pratinjau.
Kami hanya menunjukkan output dari kode penurunan harga di jendela pratinjau. Sekarang, kami mengonversi penurunan harga ini ke HTML. Lanjutkan dan lihat ilustrasi berikut tentang cara mengubah file penurunan harga ini menjadi file HTML:
Buka terminal dengan mengklik terminal pada bilah tugas yang ada di bagian atas Kode Visual Studio ini. Ketika terminal ini dibuka, ketik perintah “code –install-extension yzhang.markdown-all-in-one” yang juga ditampilkan di bawah ini. Setelah mengetikkan perintah ini di terminal Kode Visual Studio, kami menekan tombol 'Enter'. Setelah berhasil mengkompilasi perintah ini, kami bergerak maju. Perintah ini membantu dalam menginstal ekstensi ini yang disebutkan di sini.
Ketika ekstensi sebelumnya berhasil diinstal, kami membuka 'Command Palette' di Kode Visual Studio ini. Palet perintah ini dibuka hanya dengan menekan tombol “CTRL+SHIFT+P”. Setelah ini, dropdown dibuka di bagian atas aplikasi Visual Studio Code ini. Di sini, kita cukup mengetik 'Markdown' dan kemudian banyak perintah muncul di sana. Kami memilih 'Markdown All in One: Print current document to HTML' di sini seperti yang ditunjukkan pada gambar berikut. Di sini, kami memilih perintah ini setelah menekan 'CTRL + SHIFT + P'. Sekarang, file penurunan harga ini diubah menjadi file HTML dengan bantuan perintah yang kami pilih di sini.
Kedua file ditampilkan di sini. Kami mengubah 'myabcfile.md' ini menjadi file 'myabcfile.html'. Penurunan harga serta file HTML ditunjukkan pada gambar berikut. File HTML ini berisi semua data yang kami tambahkan di file penurunan harga. Tetapi satu-satunya perbedaan adalah bahwa file HTML berisi tag dan gaya yang berbeda di dalamnya tetapi file penurunan harga tidak mengandung banyak tag.
File HTML juga ditunjukkan pada gambar berikut. Anda dapat mencatat ',
, , <style>, dan banyak tag di file ini'. Jadi, ini adalah cara paling sederhana untuk mengubah Markdown ke HTML.</p>
<p> <img class="wp-image-231456" src="https://softoban.com/img/other/79/how-to-convert-markdown-to-html-6.png"></p>
<p> <img class="wp-image-231460" src="https://softoban.com/img/other/79/how-to-convert-markdown-to-html-7.png"></p>
<h2> <strong> Contoh 2:</strong> </h2>
<p> Dalam file penurunan harga ini, kami menambahkan judul, daftar tidak berurutan, daftar terurut, teks, dan teks yang diformat. Kami memasukkan judul di sini. Kemudian, kami juga menulis beberapa teks dan menambahkan daftar yang tidak berurutan. Setelah ini, kami menambahkan baris lain di mana kami juga menyisipkan beberapa kata di mana kami menerapkan gaya tebal dan miring. Kemudian, kami menempatkan daftar pesanan dan baris baru setelah daftar pesanan ini. Sekarang, kita simpan file ini dan nama file penurunan harga ini adalah “abcfile.md”. Sekarang, kita mengubah 'abcfile.md' ini menjadi file HTML.</p>
<p> <img class="wp-image-231464" src="https://softoban.com/img/other/79/how-to-convert-markdown-to-html-8.png"></p>
<p> Kami kembali membuka terminal dengan cara yang sama seperti yang kami bahas sebelumnya dan menulis perintah yang diberikan di terminal Kode Visual Studio. Setelah menjalankan perintah yang diberikan, kami menutup terminal ini.</p>
<p> <img class="wp-image-231468" src="https://softoban.com/img/other/79/how-to-convert-markdown-to-html-9.png"></p>
<p> Kemudian, kita tekan tombol “CTRL+SHIFT+P” dan buka perintah palet. Di sini, kami memilih perintah yang ditampilkan pada gambar di atas. Ini mengubah file kode penurunan harga sebelumnya menjadi file HTML.</p>
<p> <img class="wp-image-231470" src="https://softoban.com/img/other/79/how-to-convert-markdown-to-html-10.png"></p>
<p> Kedua file ditampilkan di sini. File “abcfile.md” ini diubah menjadi file “abcfile.html”. Gambar berikut menampilkan file Markdown dan HTML. Satu-satunya perbedaan antara file HTML ini dan file Markdown adalah bahwa file HTML menggunakan tag dan gaya yang berbeda sedangkan file Markdown menggunakan lebih sedikit simbol. File HTML ini berisi semua informasi yang dikontribusikan ke file penurunan harga.</p>
<p> <img class="wp-image-231472" src="https://softoban.com/img/other/79/how-to-convert-markdown-to-html-11.png"></p>
<p> Saat kami membuka file HTML ini, kami melihat banyak tag di sana yang tidak kami tambahkan di Markdown karena bahasa Markdown tidak membutuhkan banyak tag. Penurunan harga adalah bahasa yang sangat sederhana dan mudah. Seperti yang ditunjukkan pada gambar ini, ia menambahkan tag “ <blockquote>” untuk pembuatan “blockquote”. Namun dalam file Markdown, kita cukup menambahkan simbol lebih besar dari '>' untuk menghasilkan blockquote ini.</p>
<p> Untuk daftar yang tidak berurutan, file HTML berisi tag pembuka dan penutup “<ul>” serta tag “<li>” untuk menambahkan item daftar. Namun pada file Markdown sebelumnya, kita cukup menambahkan simbol “-” untuk membuat daftar unordered. Juga, tag 'ol' hadir di sini yang digunakan untuk menambahkan daftar yang dipesan. Di Markdown, kami membuat daftar terurut ini dengan memasukkan nomor dan titik untuk daftar terurut ini. Kami dengan mudah mengonversi file Markdown sebelumnya menjadi file HTML di sini.</p>
<p> <img class="wp-image-231474" src="https://softoban.com/img/other/79/how-to-convert-markdown-to-html-12.png"></p>
<h2> <strong> Kesimpulan</strong> </h2>
<p> Kami memberikan deskripsi terperinci tentang cara mengubah Markdown menjadi HTML dalam panduan ini. Kami menjelaskan bagaimana kami melakukan ini dalam Visual Studio Code dan mengonversi dua file penurunan harga menjadi file HTML dalam panduan ini. Kami menjelaskan bahwa kami harus menginstal satu ekstensi setelah membuat file penurunan harga dan kemudian kami harus membuka palet perintah untuk memilih perintah yang membantu dalam mengubah file penurunan harga menjadi file HTML. Kami juga telah menunjukkan Markdown dan file HTML dalam panduan ini, sehingga Anda dapat dengan mudah memeriksa data kedua file. Konversi Markdown ke HTML dijelaskan di sini secara mendalam.</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><!-- END-->
</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/64/c-move-constructor-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/c-pindahkan-konstruktor">C++ Pindahkan Konstruktor</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/E0/what-is-naming-convention-in-c-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/apa-itu-konvensi-penamaan-di-c">Apa itu Konvensi Penamaan di C++</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/17/how-to-use-node-js-path-resolve-method-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/bagaimana-cara-menggunakan-metode-node-js-path-resolve">Bagaimana Cara Menggunakan Metode Node.js path.resolve()?</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/18/what-is-a-servlet-in-java-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/apa-itu-servlet-di-jawa">Apa itu Servlet di Jawa</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/E7/understanding-makefile-syntax-common-issues-and-solutions-including-missing-operator-and-entry-point-not-found-1.jpg);"></a>
<div class="text">
<h3 class="heading"> <a href="/memahami-sintaks-makefile-masalah-umum-dan-solusi-termasuk-operator-hilang-dan-titik-masuk-tidak-ditemukan">Memahami Sintaks Makefile: Masalah Umum dan Solusi (Termasuk 'Operator Hilang' dan 'Titik Masuk Tidak Ditemukan')</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/02/c-member-function-pointer-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/penunjuk-fungsi-anggota-c">Penunjuk Fungsi Anggota C++</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/AA/windows-terminal-color-schemes-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/skema-warna-terminal-windows">Skema Warna Terminal Windows</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/3C/how-to-set-up-a-jupyter-notebook-server-in-aws-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/bagaimana-cara-menyiapkan-server-notebook-jupyter-di-aws">Bagaimana Cara Menyiapkan Server Notebook Jupyter 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/44/plotly-io-to-templated-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/plotly-io-to-templated">Plotly.io.to_templated</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/5B/how-to-make-columns-start-or-end-at-the-nth-grid-line-in-tailwind-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/bagaimana-cara-membuat-kolom-mulai-atau-berakhir-pada-garis-kisi-ke-n-di-tailwind">Bagaimana Cara Membuat Kolom Mulai atau Berakhir pada Garis Kisi ke-n di Tailwind?</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/5C/how-to-get-chorus-fruit-in-minecraft-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/cara-mendapatkan-buah-paduan-suara-di-minecraft">Cara Mendapatkan Buah Paduan Suara di Minecraft</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/A4/the-aws-access-key-id-does-not-exist-in-our-records-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/id-kunci-akses-aws-tidak-ada-dalam-catatan-kami">Id Kunci Akses AWS Tidak Ada dalam Catatan Kami</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/17/how-to-use-an-async-api-agent-in-langchain-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/bagaimana-cara-menggunakan-agen-api-async-di-langchain">Bagaimana Cara Menggunakan Agen API Async 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/87/html-image-maps-1.gif);"></a>
<div class="text">
<h3 class="heading"> <a href="/peta-gambar-html">Peta Gambar HTML</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/how-to-use-html-dom-audio-muted-property-in-javascript-1.gif);"></a>
<div class="text">
<h3 class="heading"> <a href="/bagaimana-cara-menggunakan-properti-audio-muted-html-dom-di-javascript">Bagaimana Cara Menggunakan Properti Audio Muted HTML DOM di JavaScript?</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/02/how-to-quote-text-on-discord-2022-guide-with-screenshots-1.gif);"></a>
<div class="text">
<h3 class="heading"> <a href="/bagaimana-mengutip-teks-di-discord-panduan-2022-dengan-tangkapan-layar">Bagaimana Mengutip Teks di Discord? Panduan 2022 dengan Tangkapan Layar?</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/B6/how-to-implement-the-react-logic-for-working-with-document-store-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/bagaimana-menerapkan-logika-react-untuk-bekerja-dengan-penyimpanan-dokumen">Bagaimana Menerapkan Logika ReAct untuk Bekerja dengan Penyimpanan Dokumen?</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/elasticsearch-restore-snapshot-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/snapshot-pemulihan-elasticsearch">Snapshot Pemulihan Elasticsearch</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/8E/css-font-face-rule-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/aturan-css-font-face">Aturan CSS @font-face</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/87/how-to-convert-timestamp-to-date-format-in-javascript-1.png);"></a>
<div class="text">
<h3 class="heading"> <a href="/cara-mengonversi-stempel-waktu-ke-format-tanggal-di-javascript">Cara Mengonversi Stempel Waktu ke Format Tanggal di JavaScript</a> </h3>
<div class="meta">
<div> <a href="/lainnya/"><span class="icon-chat"></span> Lainnya</a> </div>
</div>
</div>
</div>
</div>
</div>
</div><!-- END COL -->
</div>
</section>
</div><!-- END COLORLIB-MAIN -->
</div><!-- END COLORLIB-PAGE -->
<!-- loader -->
<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>
