Cara Membuat Alat Parse (Alat Konversi) Kode HTML, Kode Adsense / Javascript Di Blogger

Kadang kita harus memparse kode ketika akan membuat tutorial seputar programming maupun ingin memparse kode iklan adsense dan memasangnya di dalam artikel, nah untuk membuat hal tersebut terealisaikan maka di perlukan sebuah alat parse kode HTML agar kode tersebut tidak ikut di execute. Karena hal tersebut saya sengaja membuat postingan ini, pada awalnya pun saya selalu memparse kode HTML atau kode iklan adsense di blog orang lain dari sana saya berfikir untuk membuat alat parse sendiri di blog saya, oke langsung saja untuk merealisasikannya,

• Pertama tama buat sebuah ahlaman di blog.
• Kemudian pilih HTML 
• Lalu copas kode di bawah ini.

<h4><a href="http://www.hakkoblogs.com">Alat Parse Kode HTML, Silahkan masukan kode iklan, HTML, Javascript yang ingin anda konversi.</a></h4>
<textarea id="codes" placeholder="Tulis/paste kode di sini lalu klik 'Konversi'" spellcheck="false"></textarea><br />
<div class="button-group"><button id="cvrt" 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><br />
<input id="opt2" type="checkbox" />Konversi <code>'</code> menjadi <code>&amp;#039;</code><br />
<input id="opt3" type="checkbox" />Konversi <code>"</code> menjadi <code>&amp;quot;</code><br />
<input checked="true" id="opt4" type="checkbox" />Konversi <code>&lt;</code> menjadi <code>&amp;lt;</code><br />
<input checked="true" id="opt5" type="checkbox" />Konversi <code>&gt;</code> menjadi <code>&amp;gt;</code><br />
<script type="text/javascript">
function cdClear() {
    var wtarea = document.getElementById('codes');
    wtarea.value = '';
    wtarea.focus();
    document.getElementById('cvrt').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, "&#039;");
    if (opt3.checked) cv = cv.replace(/"/g, "&quot;");
    if (opt4.checked) cv = cv.replace(/</g, "&lt;");
    if (opt5.checked) cv = cv.replace(/>/g, "&gt;");
    ctarea.value = cv;
    ctarea.focus();
    ctarea.select();
};
</script>

• Kemudian simpan maka akan tampil seperti di bawah ini

Alat Parse Kode HTML, Silahkan masukan kode iklan, HTML, Javascript yang ingin anda konversi.




Konversi & menjadi &

Konversi ' menjadi '

Konversi " menjadi "

Konversi < menjadi &lt;

Konversi > menjadi &gt;

Bagaimana.? mudah bukan membuat alat parse kode HTML di blog sendiri.? oke, silahkan di coba ya dengan mengikuti panduan saya di atas kalau benar pasti akan berhasil, semoga apa yang saya share ini bisa bermanfaat. Selamat Mencoba.

Share :

Tweet

✚

Related Post