Cara Membuat dan Memasang Tools Parse Script di Blog

Cara Membuat dan Memasang Tools Parse Script di Blog, Parse adalah adalah penguraian struktur kode yang ingin ditampilkan ke dalam format teks.
Cara Membuat dan Memasang Tools Parse Script di Blog

Cara Membuat dan Memasang Tools Parse Script di Blog - Bagi mereka yang berprofesi sebagai blogger atau ahli pemrograman, tools Parse Script atau HTML Parse menjadi salah satu alat yang sangat penting untuk digunakan. Namun sebelum melangkah lebih jauh, ada baiknya untuk mengetahui terlebih dahulu tentang pengertian parse itu sendiri.

Jika diartikan ke dalam bahasa Indonesia, kata Parse berarti Mengurai. Sesuai dengan artinya, parse adalah penguraian struktur kode yang ingin ditampilkan ke dalam format teks atau tulisan. Dalam penguraian tersebut, skrip akan dimodifikasi sedemikian rupa agar bisa terbaca sebagai teks atau tulisan.

Blogger dengan niche teknologi selalu menggunakan alat ini untuk melampirkan teks skrip ke dalam postingan. Seperti yang saya jelaskan tadi, skrip hanya akan terbaca sebagai teks apabila diurai atau diparse terlebih dahulu.

Mungin ada yang bertanya, bagaimana sih tampilan tools setelah penerapan? Berikut adalah tampilannya:

Parse Script

Untuk lebih jelasnya, silahkan membuka link demo yang saya sediakan di bawah.

Selama ini, mungkin Anda hanya menggunakan situs www.blogcrowds.com untuk mengurai skrip yang akan digunakan. Sekedar informasi, Anda juga bisa memasang tools parse sendiri di blog. Selain mudah digunakan, hasil urai yang diberikan juga sama persis dengan situs besar lainnya.

Nah untuk pemasangan sendiri, silahkan ikuti langkah-langkah berikut:

Cara Membuat dan Memasang Tools Parse skrip di Blog

  • Masuk ke BLOGGER
  • Pilih menu HALAMAN
  • Pilih HALAMAN BARU
  • Tempel di mode TAMPILAN HTML:
  • <textarea id="parse" placeholder="Paste your HTML here..." spellcheck="false" style="height:250px;margin:0px auto;padding:18px;width:100%"></textarea><br />
    <div class="button-group">
    <button id="convert" onclick="cdConvert();this.disabled = true;"><span style="font-family:'Poppins',sans-serif;font-size:15px;font-weight:bold">Parse</span></button>
    <button onclick="cdClear();"><span style="font-family:'Poppins',sans-serif;font-size:15px;font-weight:bold">Clear</span></button></div>
    <style>
    #parse{width:550px;height:250px;font:normal 13px 'Fira Mono',monospace;margin:0 auto;display:block;background-color:#f4f4f4;}
    .button-group{margin:0 auto 0;text-align:center}
    button,button[disabled]:active{border:none;padding:9px 72px;color:#fff;background-color:#344f61;cursor:pointer;margin:0 10px;line-height:23px;border-radius:3px;transition:all 0.3s ease-in-out}
    button:active{background:#344f61}
    button[disabled],button[disabled]:active{background:#e9405c}
    </style>
    <script>
    function cdClear() {
        var wtarea = document.getElementById('parse');
        wtarea.value = '';
        wtarea.focus();
        document.getElementById('convert').disabled = false;
    }
    function cdConvert() {
        var ctarea = document.getElementById('parse'),
        cv = ctarea.value
        cv = cv.replace(/&/g, "&amp;");
        cv = cv.replace(/</g, "&lt;");
        cv = cv.replace(/>/g, "&gt;");
        cv = cv.replace(/"/g, "&quot;");
        cv = cv.replace(/'/g, "&#039;");
        ctarea.value = cv;
        ctarea.focus();
        ctarea.select();     
    };
    </script>
  • Pilih PUBLIKASIKAN
  • Selesai.

Demo

Penutup

Yang perlu diingat, setiap ingin memasukkan skrip ke dalam bentuk teks atau tulisan, jangan lupa untuk melakukan parse terlebih dahulu.

Setelah itu, lanjutkan dengan memasukkan skrip tersebut dengan awalan <pre><code> dan akhiran </code></pre> agar ditampilkan sebagai syntax highlighter.

Cukup sekian artikel tentang Cara Membuat dan Memasang Tools Parse Script di Blog ini, Terima kasih.