Cara membuat halaman tool parse kode

Parse kode adalah salah satu tool yang tidak lazim lagi bagi para blogger yang berfungsi untuk mengkonvrensi kode. Tool ini juga sangat mudah untuk di gunakan oleh blogger pemula sekalipun, jadi jangan kawatir takut tidak bisa menggunakannya.
DONASI: klik disini

Tool ini sangat cocok sekali jika dipasang pada blog yang membahas tentang tutorial coding/script blog maupun website. Langsung saja simak dan ikuti tutorial dibawah ini dengan seksama.

Cara membuat halaman tool parse kode
  • Silahkan masuk terlebih dahulu ke dashboard blog anda
  • Jika sudah lalu klik menu halaman/page
  • Kemudian buatlah halaman baru dengan judul "parse kode" atau terserah anda
  • Setelah membuat judul lalu klik html
  • Lalu pastekan kode dibawah ini
<textarea id="codes" placeholder="paste script di sini lalu klik 'Parse'. www.faronesia.com" spellcheck="false"></textarea><br />
<div class="button-group">
<button id="convert" onclick="cdConvert();this.disabled = true;">Parse</button><button onclick="cdClear();">Clear</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:300px;height:200px;margin:0 auto;display:block;background-color:#ffff;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: #1e90ff;cursor: pointer;font-size: 13px;margin: 0 10px;line-height: 23px;border-radius: 3px;transition: all 0.3s ease-in-out;}
button:active{background:#1e90ff;}
button[disabled],button[disabled]:active{background:#1e90ff;}
#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>
  • Terakhir simpan, selesai
Demikian tutorial cara membuat halaman tool parse kode. Semoga membantu dan selamat mencoba. Jangan lupa share dan komentar.

6 komentar dari postingan "Cara membuat halaman tool parse kode"

  1. "Cara Mudah Dapat Uang Di Internet dan Banyak Lagi tentang Pembahasan Cara cepat memonet youtube dan fanspage Dan Cara mengeflash Reciver Bekas Usetv Telkom Indihome Bagi Yang Tidak berlangganan lagi Dan Adnow Membuka Lowongan Jika di tolak Oleh google adsense dan Masi Banyak Lagi Langsung saja klik Disini."

    ReplyDelete
  2. Mantab gan cocok buat blog ane ni yang bahas kode program


    Salam Grosir Kode

    ReplyDelete
  3. Mantap mih bisa dicoba buat parse sendiri

    ReplyDelete

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel

Website ini dilindungi oleh Google DMCA. Dilarang keras menyalin (copy/paste) sebagian atau keseluruhan isi blog tanpa mencantumkan sumber link aktif dari website www.faronesia.com