Cara Membuat Halaman Parse HTML Sendiri untuk Blog Kita

Alekpedia.com – Ternyata untuk Membuat Halaman Parse HTML di blog kita itu sangat mudah lo guys. Namun sebelum saya memberikan Source Codenya, kamu harus tahu dulu ni apa itu halaman Parse HTML? Nantinya kalau kamu belum tahu, halaman ini tidak dapat kamu manfatkan dengan baik.

Memasang Generator Parse Html


Jadi Halaman Parse HTML adalah sebuah halaman yang digunakan untuk menkonversi sebuah sintaks HTML, Javacript, Css, dll agar dapat disisipkan dipostingan artikel kita.  Dengan adanya halaman ini, kita dapat membuat sintaks tertentu tidak berfungsi dengan elemen lain saat kita sisipkan dalam tulisan kita di blog.

Baca Juga: Begini cara mudah memasang iklan adsense ke feed barisan popular post

Halaman Parse HTML ini sering dimanfaatkan oleh banyak blogger, untuk membantu mereka dalam mempublikasikan sebuah sintaks ke postingan mereka. Sehingga nanti artikel yang mereka buat, sintaks-sintaks yang mereka jelaskan tidak hilang.

Contoh penggunaanya adalah seperti ini, misalkan saya ingin memberikan sebuah source kode HTML untuk membuat Tulisan tebal. Maka Source kode yang saya bagikan adalah <b> dan </b> yang sintaks tersebut digunakan untuk membuat Teks Tebal.

Baca Juga: Template Premium Blogger Masign Magz Responsive Gratis

 Namun kenapa saya tetap bisa menulis <b> dan </b>, dan sintaks tersebut tidak berfungsi serta tidak mengubah elemen didalamnya menjadi teks tebal? Karena sintas tersebut sudah saya konversi kehalaman Parse HTML.

Baca Juga: Cara Membuat Dokumen Word dengan Hp Android  Tanpa Laptop/Komputer

Saya yakin sekarang kamu sudah memiliki gambaran ya, untuk halaman ini. Biar tidak bikin penasaran kamu, silakan lihat contoh halaman parse berikut ini:


Untuk membuat halaman Parse Html, seperti yang punya saya diatas. Kamu dapat  menggunakan Sorce kode berikut ini:

<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><br />
<table style="margin: 0px auto; padding: 5px 0; width: 100%;"><tbody>
<tr><td><textarea id="somewhere" style="background: none 0% 0% repeat scroll rgb(248 , 248 , 248); border: 2px solid rgb(204 , 204 , 204); height: 250px; margin: 0px auto; padding: 5px 0; text-decoration: none; width: 100%;"></textarea>

<div>
<span class="Apple-style-span" style="font-family: &quot;trebuchet ms&quot;; font-size: x-small; line-height: 20px;">Copy right 2017 HTML Parser Tool |&nbsp;Webmaster |&nbsp;<a href="https://alekpedia.com/" style="color: #181818; text-decoration: none;">Blogger</a></span></div>
<input 5px="" onclick="convert();" padding:="" style="float: right;" type="button" value="Parse HTML" /></td></tr>
</tbody></table>
<textarea cols="50" name="code" rows="12" style="-moz-border-radius: 7px; background: #eff5fb; border-left: 20px solid #0174df; border: 1px solid #ccc; color: black; line-height: 1.5em; padding: 5px;"> <pre><code>Kode</code></pre>
</textarea>

Silakan kamu copy semuanya, dan kamu buat halaman baru di blog kamu. Lalu masukan kode tadi ya, jangan lupa ubah ke versi HTMLnya terlebih dahulu pada bagian halaman kamu. Semoga bermanfaat Tool Gratis kali ini.

BANTU VIA YOUTUBE Bantu Subscribe Chanel Alekpedia Official, jikalau artikelnya dirasa bermanfaat. Subscribe yang Kamu berikan, membantu Admin untuk lebih giat dalam membuatkan konten video dan artikel seputar Tutorial dan Blog yang berkualitas. Terima Kasih.
Postingan Lebih Baru Postingan Lebih Baru Postingan Lama Postingan Lama

Postingan lainnya