Cara Membuat Dan Memasang Tools Parse Script Di Blog

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

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

Blogger dengan niche teknologi selalu memakai alat ini untuk melampirkan teks skrip ke dalam postingan. Seperti yang saya jelaskan tadi, skrip cuma akan terbaca selaku teks apabila diurai atau diparse terlebih dulu.

Baca Juga: Cara Membuat Script Box Keren di Postingan Blog

Mungin ada yang mengajukan pertanyaan, bagaimana sih penampilan tools setelah penerapan? Berikut ialah tampilannya:

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

Selama ini, mungkin Anda cuma menggunakan situs www.blogcrowds.com untuk mengurai skrip yang akan dipakai. Sekedar isu, Anda juga mampu memasang tools parse sendiri di blog. Selain gampang dipakai, hasil urai yang diberikan juga sama persis dengan situs besar lainnya.

Nah untuk pemasangan sendiri, silahkan ikuti tindakan 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

Parse Script

Penutup

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

Setelah itu, teruskan dengan memasukkan skrip tersebut dengan awalan

<pre><code> dan akhiran </code></pre> supaya ditampilkan sebagai syntax highlighter.

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

Baca Juga