Lompat ke konten Lompat ke sidebar Lompat ke footer

Cara Mudah Membuat Tools Parse Code HTML di Blogger

Kali ini, izinkan saya berbagi tutorial bagaimana caranya membuat dan memasang Parse Code HTML Tool di blogger.

Parse HTML merupakan alat yang digunakan untuk mengubah kode-kode tertentu agar dapat berfungsi semestinya. Arti lainnya, mengkonversi kode agar bisa dibaca oleh alat pemrograman. Contohnya:

< terganti menjadi &lt;
> terganti menjadi &gt;
" terganti menjadi &quot;
& terganti menjadi &amp;

Cara Mudah Membuat Tools Parse Code HTML di Blogger

Contoh lainnya seperti ini:

<head> berubah menjadi &lt;head&gt;
</head> berubah menjadi &lt;/head&gt;
<body> berubah menjadi &lt;body&gt;
</body> berubah menjadi &lt;/body&gt;

Yang perlu diingat, tidak semua kode-kode tersebut dapat di-parse, hanya tertentu saja.

Biasanya, pemasangan tools Parse Code HTML ini dipasang di blog-blog yang bertemakan blogging karena adanya kegiatan yang mengharuskan pemilik blog untuk mem-parse-kan kode yang diinginkan, yang nantinya akan ditempatkan di dalam template blogger.

Cara Mudah Membuat Tools Parse Code HTML di Blogger


Kali ini, izinkan saya berbagi tutorial bagaimana caranya memasang tools Parse Code HTML di blogger (blogspot.com). Atau jika sobat ingin menggunakan versi gratisan, bisa menggunakan tools milik saya: Parse HTML.

1. Buka blogger > klik menu halaman

2. Pilih halaman baru > pasang judul terlebih dahulu (usahakan jangan typo) > publikasikan

Cara Mudah Membuat Tools Parse Code HTML di Blogger

3. Masuk lagi ke halaman tersebut > masuk ke mode tampilan HTML (bukan compse).

Cara Mudah Membuat Tools Parse Code HTML di Blogger

4. Salin (copy) kode di bawah ini, tempelkan (paste) di kolom kosong yang disediakan. Langkah terakhir, klik tombol perbarui.

Kode Parse HTML


<script type="text/javascript">function convert(){var ele1 = document.getElementById("somewhere");var replaced;replaced = ele1.value;replaced = replaced.replace(/&/ig, "&amp;");replaced = replaced.replace(/</ig, "&lt;");replaced = replaced.replace(/>/ig, "&gt;");replaced = replaced.replace(/"/ig, "&quot;");replaced = replaced.replace(/&#177;/ig, "&plusmn;");replaced = replaced.replace(/&#169;/ig, "&copy;");replaced = replaced.replace(/&#174;/ig, "&reg;");replaced = replaced.replace(/ya'll/ig, "ya'll");ele1.value = replaced;}</script>Silakan gunakan tools Parse Code HTML di bawah ini. Gratis! &nbsp;<br />

<style>
.btn {
border: none;
color: white;
padding: 8px 12px;
font-size: 16px;
cursor: pointer;
}
.info {background-color: #547a92;}
.info:hover {background: #547a92;}
</style>

<table style="margin: 0px auto; padding: 5px 0px; width: 100%;"><tbody><tr><td><textarea id="somewhere" style="background-attachment: scroll; background-color: #f8f8f8; background-image: none; background-position: 0% 0%; background: none 0% 0% repeat scroll rgb(248, 248, 248); border: 2px solid rgb(204, 204, 204); height: 250px; margin: 0px auto; padding: 5px 0px; text-decoration: none; width: 100%;"></textarea>
<br /><div><span class="Apple-style-span" style="font-family:font-size: x-small; line-height: 20px;">Copyright 2022 HTML Parser Tool |&nbsp;Webmaster |&nbsp;<a href="https://www.ariefghozaly.web.id/" style="color: #181818; text-decoration: none;">Blogger: Arief Ghozaly</a></span></div><input 5px="" class="btn info" onclick="convert();" padding:="" style="float: right;" type="button" value="Parse HTML" /></td></tr></tbody></table>

Begitulah tutorial bagaimana caranya membuat dan memasang kode parse HTML di blogger (blogspot.com).
Arief Ghozaly
Arief Ghozaly Blogger, Komputer, SEO, Xiaomi POCO, ThinkPad & Pecco #63. https://www.ariefghozaly.web.id/.

Posting Komentar untuk "Cara Mudah Membuat Tools Parse Code HTML di Blogger"

Kontes Lomba Blog
Kontes Lomba Blog