Cara Membuat Convert Kode HTML Blogger

Pada awalnya saya belum ngerti juga yg begini, beberapa kali dulu coba muat kode scrip html ke halaman pos selalu gagal terus, bukan kode scrip nya yang muncul eh.. malah bentuk hasil script nya.

Untuk menampilkan kode script htlm memang tidak semata-mata kode tersbut langsung bisa copas ke bentuk halaman yang akan kita gunakan untuk menampilkan halaman tersebut.

Untuk membuat alat covert/konversi kode script, anda bisa menambahkan Lalaman baru bisa pada Posting atau Halaman, pilih mode edit HTML lalu paste kode script nya.

Atau bisa memasang dengan Gadget yaitu dengan menuju ke Tata letak kemudian Tambah Gadget pilih HTML/javascript, Paste kode pada kotak konten, jangan lupa beru judulnya, lalu simpan.

Berikut Script untuk membuat Covert nya. :

<div style="text-align: center;">
<b><span style="color: yellow; font-size: x-large;"><a href="https://adjikhusumakarya.blogspot.com/" target="_blank">Alat Parse Convert Kode script HTML</a></span></b></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
Paste kode script html yang akan dimuat pada posting blog,&nbsp; kedalam kotak yang berada di bawah</div>
<div style="text-align: center;">
Kemudian click Tombol <b><span style="background-color: #0b5394; color: white;">Konversi</span></b></div>
<div style="text-align: center;">
Selanjutnya Copy kode tersebut dan letakan ke halaman posting Anda</div>
<div style="text-align: center;">
<b><span style="color: red;"><br /></span></b></div>
<br />

<textarea id="codes" placeholder="Tulis/paste kode di sini lalu klik 'Konversi'" spellcheck="false"></textarea>
<br />

<div class="button-group">
<button id="convert" onclick="cdConvert();this.disabled = true;">Konversi</button><button onclick="cdClear();">Bersihkan</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 checked="true" id="opt4" type="checkbox" />Konversi <code>"</code> menjadi <code>&amp;quot;</code></li>
<li><input checked="true" 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 #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: 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, "&#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>

Bentuk Alat Convert nya :

Alat Parse Convert Kode script HTML

Paste kode script html yang akan dimuat pada posting blog,  kedalam kotak yang berada di bawah

Kemudian click Tombol Konversi

Selanjutnya Copy kode tersebut dan letakan ke halaman posting Anda

• Konversi & menjadi &
• Konversi < menjadi <
• Konversi > menjadi >
• Konversi " menjadi "
• Konversi ' menjadi '

Perbedaan mendasar antara membuat untuk memasang alat covert ini dan.... mebuat artikel tentang cara membuat tau cara pasang alat convert ini adalah.

Untuk membuat Alat Convert tersebut, yang di copy adalah Kode yang ditampilkan di kotak Kode Scrip. Langsung bisa di pasanga di Halaman, Artikel post atau di Gadget dengan catatan paste dalam Mode Edit kode HTML.

Untuk membuat Artikel post di halaman tentang membuat alat convert, yang di copy adalah kode scrip dari hasil convert kemudian paste Laman atau Posting  Mode Compose View 

Dan semoga saja artikel ini membatu bagi yang belum tau,. yang sudah tahu yaaa.. cukup tahu saja, sekian dan.... Tanks. !!!!