Memasang Tool Parse HTML pada blogspot

✏️

Parse HTML

Alat untuk mengurai kode html agar terbaca oleh web browser.

Script ini merupakan tool sederhana yang dapat digunakan untuk membantu berbagai kebutuhan pengolahan kode HTML secara cepat, praktis, dan efisien. Tool ini dirancang agar mudah dipasang serta dapat langsung digunakan pada blog maupun website tanpa perlu melakukan konfigurasi yang rumit.

Untuk Anda yang ingin memasang Tool parse HTML di blog ataupun website, pada artikel ini saya akan membagikan kode script yang bisa langsung Anda salin dan tempel ke dalam template blog Anda. Script parse HTML ini sangat cocok digunakan oleh para blogger, developer pemula, maupun siapa saja yang ingin menambahkan fitur tambahan pada website mereka dengan cara yang mudah dan cepat.

Dengan menggunakan script ini, Anda punya dasar untuk membuat tampilan tool yang lebih profesional serta memberikan pengalaman yang lebih baik bagi pengunjung website. Selain itu, tool ini juga dapat membantu mempercepat proses tertentu sehingga pekerjaan Anda menjadi lebih efisien.

Pemasangan script ini terbilang sangat mudah. Anda hanya perlu menyalin seluruh kode yang telah saya bagikan di bawah ini, kemudian menempelkannya pada halaman HTML, baik di postingan, halaman statis widget atau bagian tertentu di template website Anda sesuai kebutuhan. Setelah itu, lakukan penyimpanan dan Tool parse HTML akan langsung berjalan secara otomatis.

Kelebihan dari script ini adalah ringan, mudah dikustomisasi, dan dapat disesuaikan dengan berbagai jenis tampilan website. Anda juga dapat melakukan sedikit modifikasi pada bagian tertentu agar sesuai dengan desain blog Anda.

Bagi Anda yang sedang mencari script parse HTML siap pakai tanpa harus repot membuat dari awal, maka kode yang saya bagikan ini bisa menjadi solusi terbaik. Script ini dapat digunakan sebagai bahan belajar, referensi pengembangan, maupun langsung dipakai untuk kebutuhan website Anda.

Berikut Ini Kode Scriptnya

Tekan tombol dibawah untuk melihat kode script:

Lihat Kode

<style> .box{ padding:20px; background:#f5f5f5; } </style> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <script type="text/javascript"> // Enkripsi nama pembuat (contoh nama: Ayi) const encryptedCreatorName = "QXlp"; // Nama "Ayi" yang sudah di-enkripsi menggunakan btoa() // Fungsi untuk memverifikasi nama pembuat function AyiGenerate() { const storedCreator = localStorage.getItem('creatorHash'); if (storedCreator !== encryptedCreatorName) { alert("Nama pembuat telah diubah! Script tidak akan berfungsi."); return false; } return true; } // Fungsi untuk melakukan parsing HTML function AyiReset() { if (!AyiGenerate()) return; var ele1 = document.getElementById("AyiId1"); var 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; } // Fungsi untuk select all dan copy function AyiCopy() { var textarea = document.getElementById("AyiId1"); textarea.select(); textarea.setSelectionRange(0, 99999); // Untuk mobile document.execCommand("copy"); alert("Teks berhasil disalin!"); } // Menyimpan nama pembuat di localStorage jika belum ada if (!localStorage.getItem('creatorHash')) { localStorage.setItem('creatorHash', encryptedCreatorName); } </script> <table border="0" cellpadding="0" cellspacing="0" style="text-align: center; width: 400px;"> <tbody> <tr> <td valign="top" width="400"> <textarea cols="50" id="AyiId1" rows="15" style="background: none repeat scroll 0% 0% rgb(248, 248, 248); border: 2px solid rgb(204, 204, 204);"></textarea><br> <input onclick="AyiReset();" type="button" value="Parse Script" /> <input onclick="AyiCopy();" type="button" value="Select All & Copy" /> </td> </tr> </tbody> </table> <div style="text-align: center;"> <br /> </div> <div style="text-align: center;"> <span style="font-family: 'trebuchet ms'; font-size: x-small; line-height: 20px;">&nbsp;&#169; ayiedadev.blogspot.com Web Tools |&nbsp;<a href="https://bloggertool-ayiedadev.blogspot.com/" style="color: #0b5394; text-decoration: none;">Blogger Tool</a></span> </div>

Silakan salin seluruh kode di atas, lalu tempelkan pada blog atau website Anda sesuai kebutuhan. Jika diperlukan, Anda juga dapat melakukan sedikit penyesuaian agar script bekerja lebih optimal sesuai struktur template yang Anda gunakan.

Penutup

Terima kasih telah membaca postingan ini sampai selesai. Semoga script yang saya bagikan dapat membantu Anda dalam pembuatan dan pengembangan tool di blog maupun website Anda.

Jangan lupa untuk terus mengikuti update artikel terbaru agar Anda tidak ketinggalan berbagai script menarik lainnya yang siap digunakan secara gratis.

Akhir kata, semoga bermanfaat dan selamat mencoba.

Wassalamualaikum Warahmatullahi Wabarakatuh.

Cara Pasang di Blogger

Masuk ke Dashboard blogger, lalu tempel kode script, Kode ini bisa dipasang di :

• postingan mode HTML,
• halaman statis mode HTML,
• widget HTML/Javascript,
• atau langsung di Edit Template.

Cara Pasang di WordPress

Tempel kode di blok Custom HTML atau melalui editor tema.

Cara Pasang di Hosting / HTML Statis

Simpan sebagai file .html lalu upload ke hosting menggunakan File Manager atau FTP.

Baca & Ikuti!
Panduan Lengkap Cara Memasang Kode Script di Blogger, WordPress, dan Hosting untuk Pemula.

---

Peringatan!

Pastikan Anda membaca & mengikuti panduan sebelum memasang script Parse HTML ini. Kesalahan penerapan kode dapat menyebabkan script tidak berfungsi.