Gambar Bootstrap 3

Cara Mudah membuat Parse Tool HTML Blog Sendiri

Cara Mudah membuat Parse Tool HTML Blog Sendiri

Cara membuat parse tool pada blog - apa itu parse tool? Parse tool adalah alat yang digunakan untuk parse sebuah kode html.

Biasanya, parse tool digunakan untuk membuat syntax pada suatu blog.

Selain itu parse digunakan agar tidak terjadi error pada html yang kita gunakan.

Jadi ga ada salahnya jika kalian ingin ga ribet ribet harus nyari tombol parse di blog orang lain.
Kalian bisa gunakan sendiri parse tool di blog kalian. Lebih enak gan?

Jadi kali ini saya akan membagikan cara membuat parse tool. Caranya sangat-sangat mudah. Tapi kalian harus ikuti cara dibawah ini dengan benar.

Cara Membuat Parse Tool pada Blog


1. Pertama, yang harus kalian lakukan adalah masuk ke blogger kalian.

2. Selanjutnya yang harus kalian lakukan adalah kalian masuk ke bagian page atau kalian bisa dibagian post jika kalian mau.

Keterangan : kalian bisa menaruhnya parse toolnya ditempat yang kalian inginkan. Tapi saya lebih menyarankan di bagian page.

3. Selanjutnya kalian masuk ke bagian new page.

4. Setelah itu, kalian klik dibagian html (bukan di bagian compose). Dan masukkan kode html dibawah ini.


Jika anda ingin memasukkan Kode SCC, HTML, JavaCript atau kode lainnya di dalam postingan HTML anda, salin kode anda dan letakkan di dalam kotak ini kemudian pilih <b>Konversi</b>. Setelah itu salin kedalam postingan blog anda.

<textarea id="codes" placeholder="Tulis/salin kode anda di sini kemudian pilih 'Konversi'" spellcheck="false" style="height: 158px; margin: 0px; width: 951px;"></textarea>
<div class="button-group">
<button id="convert" onclick="cdConvert();this.disabled = true;">Konversi</button><button onclick="cdClear();">Bersihkan</button></div>

<input checked="true" id="opt1" type="checkbox" />Konversi <code>&amp;</code> menjadi <code>&amp;amp;</code>
<input checked="true" id="opt2" type="checkbox" />Konversi <code>&lt;</code> menjadi <code>&amp;lt;</code>
<input checked="true" id="opt3" type="checkbox" />Konversi <code>&gt;</code> menjadi <code>&amp;gt;</code>
<input id="opt4" type="checkbox" />Konversi <code>"</code> menjadi <code>&amp;quot;</code>
<input id="opt5" type="checkbox" />Konversi <code>'</code> menjadi <code>&amp;#039;</code>
<ul></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 #e9e9e9;width:550px;height:250px;margin:0 auto;display:block;background-color:#f3f3f3;color:#333;padding:15px;}
.button-group{margin:0 auto 0;text-align:center}
button,button[disabled]:active{border: none;padding: 9px 72px;color: #fff;background-color: #2fc8b4;cursor: pointer;font-size: 17px;margin: 0 10px;line-height: 23px;border-radius: 3px;transition: all 0.3s ease-in-out;}
button:active{background:#2fc8b4;}
button[disabled],button[disabled]:active{background:#e9405c;}
#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>

5. Klik publish.

Selesai. Gampang kan?
Sekian cara membuat parse tool pada blog. Jangan ragu-ragu untuk bertanya. Terima kasih.
Show comments
Hide comments

4 Responses to "Cara Mudah membuat Parse Tool HTML Blog Sendiri"

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel