Skip to content Skip to sidebar Skip to footer

Widget HTML #1

Cara Membuat Tools Parse Code HTML di Blogger

Cara Membuat Tools Parse Code Html di Blogger. Membuat tools parse sebenarnya sangat mudah, karena hanya mengandalkan copas saja di postingan halaman blogspot.

tools parse code html
qowim.net

Apa itu Parse HTML?

Sebenarnya Parse merupakan istilah ilmu linguistik yang berfungsi untuk mengkonversi kode ke dalam kode tertentu agar bisa dibaca oleh alat pemrograman.

Singkatnya istilah parse tersebut lalu diadopsi dalam bahasa Komputer hingga akhirnya lazim digunakan di dunia pemrograman. Nah, lebih singkat dan sederhana lagi, intinya parse adalah sebuah istilah untuk mengkonversi kode agar dapat dibaca dengan baik oleh perangkat tertentu.

Agar punya gambaran lebih jelasnya, berikut beberapa contoh kode HTML yang telah dikonversi oleh tools parse:

Atribut > menjadi >
Atribut < menjadi &gt;
Atribut ' menjadi &#039;
Atribut " menjadi &quot;
Atribut & menjadi &amp;

Umumnya tools parse ini banyak digunakan oleh situs yang memiliki niche seputar tutorial blogging dan koding. Hal ini bukan tanpa alasan karena seperti yang kita ketahui, bahwa situs dengan niche tutorial koding cenderung lebih membutuhkan banyak kode yang disisipkan pada artikel sehingga keberadaan tools parse tentu sangat dibutuhkan untuk mengkonversi kode script sebelum disisipkan pada artikel.

Lebih kurangnya begitu. Saya sudah menerapkan tools parse ini, silakan lihat di laman 

Cara Membuat Tools Parse Code HTML

  1. Login ke dashboard blogspot
  2. Klik halaman lalu buat halaman baru
  3. Alihkan ke tampilan HTML bukan compose
  4. Salin kode di bawah ini lalu tempel di halaman tersebut.
    <script type="text/javascript">function convert(){var ele1 = document.getElementById("somewhere");var replaced;replaced = ele1.value;replaced = replaced.replace(/&/ig, "&amp;");replaced = replaced.replace(/</ig, "&lt;");replaced = replaced.replace(/>/ig, "&gt;");replaced = replaced.replace(/"/ig, "&quot;");replaced = replaced.replace(/&#177;/ig, "&plusmn;");replaced = replaced.replace(/&#169;/ig, "&copy;");replaced = replaced.replace(/&#174;/ig, "&reg;");replaced = replaced.replace(/ya'll/ig, "ya'll");ele1.value = replaced;}</script>Tools Parse HTML - Silakan tempel kode yang ingin di-parse ke dalam kotak di bawah ini lalu klik tombol Parse HTML di bawahnya.&nbsp;<br />
    <style>
    .btn {
        border: none;
        color: white;
        padding: 8px 12px;
        font-size: 16px;
        cursor: pointer;
    }
    
    .info {background-color: #547a92;} /* kode warna */
    .info:hover {background: #547a92;}
    </style>
    <table style="margin: 0px auto; padding: 5px 0px; width: 100%;"><tbody><tr><td><textarea id="somewhere" style="background-attachment: scroll; background-color: #f8f8f8; background-image: none; background-position: 0% 0%; background: none 0% 0% repeat scroll rgb(248, 248, 248); border: 2px solid rgb(204, 204, 204); height: 250px; margin: 0px auto; padding: 5px 0px; text-decoration: none; width: 100%;"></textarea>
    <br /><div><span class="Apple-style-span" style="font-family: &quot;trebuchet ms&quot;; font-size: x-small; line-height: 20px;">Copy right 2021 HTML Parser Tool |&nbsp;Webmaster |&nbsp;<a href="http://qowim.net/" style="color: #181818; text-decoration: none;">Blogger qowim.net</a></span></div><input 5px="" class="btn info" onclick="convert();" padding:="" style="float: right;" type="button" value="Parse HTML" /></td></tr></tbody></table>

    Catatan
    Silakan ubah warna dan ukuran box sesuai selera Anda
  5. Klik Publikasikan

Penutup

Nah, itulah caranya membuat tools parse code html di blogger. Sangat mudah sekali, bukan? Semoga bermanfaat, ya.

Qowim Musthofa
Qowim Musthofa Dosen paruh waktu dengan anak satu. Suka menulis tentang apa saja, sesuai minat dan bidang yang sedang ditekuni. Surel [email protected]

Post a Comment for "Cara Membuat Tools Parse Code HTML di Blogger"