tips terbaru membuat alat parse sendiri di blogspot

 Halo kawan,pada kesempatan ini admin akan bagikan kode HTML dan javascript yang berfungsi untuk memparse kode-kode tertentu supaya tidak eror saat kita melakukan pengeditan Html di blogspot.Dan untuk alat ini sendiri sangat kita butuhkan .

 Jika kita ingin memasang kode iklan adsense di dalam kode Html suatu blog.dan jika sobat ingin membuat alat parse sendiri,bisa ikuti langkah di bawah ini.
  1. Buka Blogger kita,lalu buat Halaman baru.
  2. Selanjutnya supaya halaman kita tampak luas,tanpa sidebar,komentar ,kita bisa edit ,dan caranya Baca artikel sebelumnya di SINI.
  3. Setelah membuat halaman baru ,bisa kita kasih judul "Alat parse" atau terserah sobat memberi nama apa.
  4. Untuk cara penulisan di Halaman kita buka bagian Html ,bukan Compose.
  5. Dan copy paste kode di bawah ini
Kode alat parse

<textarea id="codes" placeholder="Masukkan kode Script yang akan di parse disini'. Untuk parse script baru, klik 'Bersihin dulu'" 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: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>

 Dan terakhir kita Save ,dan untuk menampilkan tinggal publikasikan saja,dan Copy alamat URL kita,selanjutnya buka Edit Html ,untuk memasukkan alamat ke bagian Header pada tampilan blog,supaya pengunjung mudah menemukan alat parse tersebut.Demikian kawan yang bisa Admin bagikan semoga bermanfaat,

Baca juga artikel lainnya