Cara Membuat Tools Parse HTML di Blogger

 Cara Membuat Tools Parse HTML di Blogger

Html5, Html, Jenis File, Papan Ketik, Huruf, Tombol

Bagi seorang Blogger, kehadiran tools parse dinilai sangat berguna sekali terutama untuk menolong penyisipan kode script HTML didalam artikel alias artikel pada suatu situs.


Apa Itu Parse HTML ?

Parse HTML adalah suatu tools yg dipakai untuk menguraikan alias menkonversikan suatu kode  HTML menjadi entitas HTML dengan cara otomatis dengan tujuan supaya kode masih bisa ditampilkan dengan cara lengkap tanpa menghapus salah satu elemen kode script HTML yg hendak ditampilkan.

Berikut berbagai contoh kode HTML yg sudah dikonversi oleh tools parse:

Atribut > menjadi >

Atribut < menjadi &gt;

Atribut ' menjadi &#039;

Atribut " menjadi &quot;

Atribut & menjadi &amp;


Umumnya tools parse ini tak sedikit dipakai oleh website yg mempunyai niche seputar tutorial blogging serta koding.  Hal ini bukan tanpa argumen sebab semacam yg kita ketahui, bahwa website dengan niche tutorial koding cenderung lebih memperlukan tak sedikit kode yg disisipkan pada artikel jadi kehadiran tools parse pasti  sangat  diperlukan untuk mengkonversi kode script sebelum disisipkan pada artikel.

Pada prinsipnya penggunaan tools parse ini berguna bagi kita yg suka menyisipkan kode script dalam suatu artikel sebab bisa mencegah terjadinya error alias kesalahan yg bisa menyebabkan berbagai kode tak bisa ditampilkan.

Meskipun kehadiran tools parse ini dianggap berguna bagi sebagian Blogger. Namun pada kenyataannya tak sedikit website yg belum dibekali oleh tools parse, bahkan sangat jarang kita menemui tools yg satu ini pada setiap kali kita mengunjungi suatu situs.

Mungkin saja mereka para Blogger lebih memilih untuk memakai tools parse yg tersedia pada website lain sebab dinilai tak ribet.

Entah apa alasannya, padahal sebetulnya kita bisa dengan mudah membikin tools parse pada website kita sendiri jadi kita tak butuh repot mencari-cari tools parse pada website lain. Bukan kah ini faktor ini jauh lebih luar biasa bagi kita?


Cara Membuat Alat Parse HTML Online di Blog


1. Buka dashbor Blogger kalian terlebih dahulu.

2. Selanjutnya pilih menu "Halaman" alias "Pages".

3. Berikutnya buat Halaman baru dengan tutorial klik tombol "New Page" dibagian atas.

4. Nantinya akan tersedia dua opsi mode yaitu Compose serta HTML. Jika kalian ingin menuliskan paragraf pembuka jadi silakan pilih mode compose terlebih dahulu, baru kemudian pilih mode HTML untuk menaruh kode.

5. Kemudian copy serta paste kan  kode script pembuat tools parse HTML di bawah ini.

<textarea id="codes" placeholder="Salin script di sini lalu klik 'Kuy Parse'. Untuk parse script baru, klik 'Bersihin dulu'" spellcheck="false"></textarea> 

<br />

<div class="button-group">

<center>

<span class="Apple-style-span" style="font-family: &quot;trebuchet ms&quot;; font-size: x-small; line-height: 20px;">Alat Parse HTML &nbsp;oleh &nbsp;<a href="http://www.rekblogging.com/" style="color: #2980b9; text-decoration: none;">rekblogging.com</a></span></center>

<button id="convert" onclick="cdConvert();this.disabled = true;">Kuy Parse</button><button onclick="cdClear();">Bersihin dulu</button></div>

<br />

<ul id="wrapin">

<li><input checked="true" id="opt1" type="checkbox" />Konversi <code>&amp;</code> menjadi <code>&amp;amp;</code></li>

<li><input checked="true" id="opt2" type="checkbox" />Konversi <code>&lt;</code> menjadi <code>&amp;lt;</code></li>

<li><input checked="true" id="opt3" type="checkbox" />Konversi <code>&gt;</code> menjadi <code>&amp;gt;</code></li>

<li><input id="opt4" type="checkbox" />Konversi <code>"</code> menjadi <code>&amp;quot;</code></li>

<li><input id="opt5" type="checkbox" />Konversi <code>'</code> menjadi <code>&amp;#039;</code></li>

</ul>

<style type="text/css">

code{font-family:Consolas,Monaco,'Andale Mono','Courier New',Courier,Monospace;color:#2a5ead;font-size:13px;padding:2px 4px;color:#d14;}

#codes{font:13px 'Courier New',Monospace;border:1px solid #CCCCCC;width:550px;height:250px;margin:0 auto;display:block;background-color:#f2f2f2;color:#333;padding:15px;}

.button-group{margin:0 auto 0;text-align:center}

button,button[disabled]:active{border: none;padding: 5px 12px;color: #fff;background-color: #0ea6d8;cursor: pointer;font-size: 13px;margin: 0 10px;line-height: 23px;border-radius: 3px;transition: all 0.3s ease-in-out;}

button:active{background:#3f92e1;}

button[disabled],button[disabled]:active{background:#3f92e1;}

#opt1,#opt2,#opt3,#opt4,#opt5{display:inline-block;margin-right:10px;}

</style> 

<script type="text/javascript">

function cdClear() {

    var wtarea = document.getElementById('codes');

    wtarea.value = '';

    wtarea.focus();

    document.getElementById('convert').disabled = false;

}

function cdConvert() {

    var ctarea = document.getElementById('codes'),

        cv = ctarea.value,

        opt1 = document.getElementById('opt1'),

        opt2 = document.getElementById('opt2'),

        opt3 = document.getElementById('opt3'),

        opt4 = document.getElementById('opt4'),

        opt5 = document.getElementById('opt5');

    cv = cv.replace(/t/g, "    ");

    if (opt1.checked) cv = cv.replace(/&/g, "&amp;");

    if (opt2.checked) cv = cv.replace(/</g, "&lt;");

    if (opt3.checked) cv = cv.replace(/>/g, "&gt;");

    if (opt4.checked) cv = cv.replace(/"/g, "&quot;");

    if (opt5.checked) cv = cv.replace(/'/g, "&#039;");

    ctarea.value = cv;

    ctarea.focus();

    ctarea.select();

};

</script>


6. Terakhir silakan klik Simpan serta kemudian coba tes dengan cara pribadi apakah tools parse HTML buatan kalian bisa bekerja. Jika langkah kalian benar jadi tools parse HTML ini akan pribadi bekerja dengan sempurna.

Note:

Anda bisa melakukan modifikasi desain dengan cara mampu berdiri diatas kaki sendiri kepada tools parse HTML ini umpama kalian bisa mengubah tema alias ukuran kotak tools parse HTML sesuai dengan selera kalian masing-masing.

Demikian tutorial "Cara Membuat Tools Parse HTML di Blogger". Apabila ada pertanyaan terkait artikel ini, silakan untuk menghubungi saya ya. Semoga berguna serta terimakasih.

Posting Komentar untuk " Cara Membuat Tools Parse HTML di Blogger"