Cara Membuat Tools Converter HTML ( Parse ) Di Halaman Blog


Cara Membuat Tools Converter HTML ( Parse ) Di Halaman Blog

Memasang iklan adsense bukanlah perkara yang sulit jika melalui widget html/javascript, hanya tinggal memasukkan script yang di berikan dan save.

namun berbeda halnya jika anda ingin memasang iklan langsung dari template.
memasukkan script iklan langsung ke dalam template blogger tanpa memparsenya terlebih dahulu akan mengakibatkan terjadinya error yang akan membuat iklan tidak akan tayang.


memparse html juga sangatlah penting untuk mencegah terjadinya error yang akan muncul pada tampilan browser yang lawas/lama.

selain untuk menampilkan iklan yang di pasang melalui template, memparse kode juga perlu dilakukan ketika anda ingin memasukkannya kedalam Syntax Highlighter untuk mencegah kode tereksekusi.

diluar sana telah banyak bertebaran tool online untuk memparse kode html/javascript, namun alangkah baiknya anda memiliki tool parse di blog anda sendiri, agar anda tidak perlu lagi repot repot mencari di google ketika anda membutukannya.

nah pada kesempatan kali ini saya akan membagikan tutorial Cara Membuat Tools Converter HTML ( Parse ) Di Halaman Blog.

jika anda berminat untuk mencobanya silahkan simak tutorial berikut ini

Cara Membuat Halaman Parser / HTML Converter Di Blogger


Cara Membuat Tools Converter HTML ( Parse ) Di Halaman Blog
Tampilan Desktop

Cara Membuat Tools Converter HTML ( Parse ) Di Halaman Blog
Tampilan Mobile


1.   pertama tama silahkan login akun blogger anda terlebih dahulu
2. kemudian pada halaman dasbord klick Halaman > halaman baru
3. setelah itu ganti mode menjadi HTML bukan COMPOSE
4. nah setelah itu silahkan copy dan paste script di bawah ini

<textarea id="codes" placeholder="paste kode html anda disini" spellcheck="false"></textarea> 
<br />
<div class="button-group">
<br />
<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 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>code{font-family:Consolas,Monaco,&#39;Andale Mono&#39;,&#39;Courier New&#39;,Courier,Monospace;color:#2a5ead;font-size:13px;padding:2px 4px;color:#d14;}
#codes{font:13px &#39;Courier New&#39;,Monospace;width:100%;border:1px solid #e9e9e9;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(/g/g, "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. terakhir klick publikasikan, selesai deh

Nah untuk menggunakannya anda hanya perlu memasukkan kode yang ingin di parse ke dalam kotak box yang telah di sediakan, setelah itu klik parse

jika anda ingin melakukan parse lebih dari 1 kali silahkan klick bersihkan kemudian masukkan script berikutnya

Penutup  

 itulah tadi artikel singkat mengenai Cara Membuat Tools Converter HTML ( Parse ) Di Halaman Blog, semoga artikel ini bermanfaat bagi kalian semua.

dan jika anda mempunyai pertanyaan, saran serta kritik mengenai artikel yang satu ini, silahkan kirimkan pertanyaan, saran serta kritik anda melalui kolom komentar di bawah.

akhir kata
see you next time and happy blogging

Berlangganan update artikel terbaru via email:

0 Response to "Cara Membuat Tools Converter HTML ( Parse ) Di Halaman Blog"

Posting Komentar

Jika Ada Yang Ingin Anda Tanyakan Terkait Artikel Ini Silahkan Bertanya Melalui Kolom Komentar Dibawah, Atau Dengan Menghubungi Kami Pada Halaman Contact.

1. Centang kotak Notify Me / Beri Tahu Saya untuk mendapatkan notifikasi komentar.
2. Komentar kami moderasi, dan tidak semuanya dipublish.
3. Semua komentar dengan menambahkan link akan dihapus dan tidak akan dipublikasikan.

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel