Cara Membuat Tools Parse HTML Seperti Milik Blog Firdaus

Baca Juga Artikel Berikut Ini

Cara Membuat Tools Parse HTML - Seperti yang telah dijelaskan sebelumnya, tools parse HTML memiliki manfaat untuk mengkonversi suatu kode HTML menjadi kode identitas unik sehingga tidak error saat diterapkan pada template. Tools ini tidak hanya digunakan untuk memparse kode iklan adsense, tools parse HTML ini dapat anda gunakan juga dapat digunakan untuk mengkonversi kode lainnya apabila dibutuhkan.

Baca Juga : Pengertian dan Fungsi Parse HTML


Membuat tools ini, dibutuhkan 3 elemen yaitu HTML, CSS, dan Javasricpt. Semua elemen tersebut diletakkan dalam suatu laman tersendiri atau bisa melalui widget. Membuat tools parse HTML memudahkan jika suatu saat diperlukan untuk memparse kode iklan Adsense, jadi tak perlu anda capai-capai mencarinya di google

Adapun cara pembuatan tools parse HTML Seperti apa yang ada di Blog Firdaus yaitu sebagai berikut :
Cara Membuat Tools Parse HTML


Cara Membuat Tools Parse HTML

Untuk Berjaga-jaga Jangan Lupa Back Up Template Anda Terlebih Dahulu

Cara Pertama

1. Masuk Ke Laman --> Buatlah Laman baru
2. Pada kotak laman baru masukkan kode berikut ini (ingat, gunakan mode HTML bukan mode compose)
<script>

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>



<table style="margin: 0 auto;"><tbody>

<tr> <td><textarea id="somewhere" style="background: none repeat scroll 0% 0% RGB(92,171,255); border: 0px solid RGB(0,0,0); height: 300px; width: 300px;"></textarea>



<input onclick="convert();" style="background: #00a0ff; color: #fff; padding: 5px;" type="button" value="Parse" /></td> </tr>

</tbody></table>


3. Klik Publish.

Maka tools parse sudah selesai anda buat. Berikutnya admin akan memberikan cara kedua yaitu sebagai berikut

Cara Kedua

a. Masuk Ke Dashboard Blogger anda
b. Pilih Tata Letak
c. Tambahkan Widget
d. Pilih HTML/Javascript
e. Masih dengan kode yang sama, letakkan kode ini pada kotak yang tersedia
<script>

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>



<table style="margin: 0 auto;"><tbody>

<tr> <td><textarea id="somewhere" style="background: none repeat scroll 0% 0% RGB(92,171,255); border: 0px solid RGB(0,0,0); height: 300px; width: 300px;"></textarea>



<input onclick="convert();" style="background: #00a0ff; color: #fff; padding: 5px;" type="button" value="Parse" /></td> </tr>

</tbody></table>

Jangan lupa beri judul. Misal : Parse HTML
f. Klik Simpan

Baca Juga Tutorial Lainnya :

Anda bisa memilih satu diantara kedua cara tersebut. Apabila ada hal yang belum paham cara membuat tools parse HTML ini bisa ditanyakan di kolom komentar. Apabila anda melakukannya dengan benar, maka akan terlihat hasilnya seperti pada demo berikut ini :
Demo

Terima Kasih telah berkunjung ke Blog Firdaus, semoga tutorial yang disampaikan bermanfaat bagi pembaca.

Dapatkan Update Artikel Blog Firdaus Melalui Email

Comments

Komentarlah yang sopan
Jangan spam
Dilarang gunakan link aktif
Dilarang komentar yang menyinggung SARA dan berkonten negatif

Terima kasih :)