Cara Membuat Alat Parse HTML (HTML Converter) Di Blogger

Alat parse HTML atau yg biasa dianggap sebagai Converter HTML merupakan sebuah alat khusus yg sering dipakai untuk menggunakan konversi terhadap kode pemrograman, mirip dengan HTML, CSS, atau Javascript.

Bagi para blogger sendiri tool parse HTML ini merupakan bagian yg cukup penting, terlebih lagi bagi mereka yang sering kali membagikan postingan berupa kode-kode pemrograman.

Tak hanya itu saja, bagi anda yang ingin menempatkan iklan Google Adsense kedalam blog, pula memerlukan tool parse HTML.

Oleh lantaran manfaatnya yang cukup penting, tidak jarang banyak blogger yg bersusah payah mencari tool ini di Google. Tapi tahukah kamu bahwa sekarang anda sanggup membuat alat parse HTML anda sendiri loh. Jadi anda tak akan susah-susah lagi mencari tool ini di Google maupun di blog orang lain.

Untuk cara menciptakan alat parse HTML ini sanggup dikatakan sangat gampang, kamu hanya perlu membuka halaman kosong di blog anda, serta kemudian menambahkan beberapa kode saja. Nah buat lebih jelasnya kamu sanggup memperhatikan cara pembuatan tool parse HTML berikut:

1. Masuk ke blogger
2. Pada dashboard pilih Halaman>Halaman Baru
3. Masuk ke mode "HTML" (Bukan "Compose")
4. Lalu masukkan kode berikut kedalam laman tersebut

<textarea id="codes" placeholder="Tulis/paste kode di sini lalu klik 'Konversi'" spellcheck="false"></textarea> <div class="button-group"><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 type="text/css">codefont-family:Consolas,Monaco,'Andale Mono','Courier New',Courier,Monospace;color:#2a5ead;font-size:13px;padding:2px 4px;color:#d14;#codesfont:13px 'Courier New',Monospace;border:1px solid #e9e9e9;width:550px;height:250px;margin:0 auto;display:block;background-color:#f3f3f3;color:#333;padding:15px;.button-groupmargin:0 auto 0;text-align:centerbutton,button[disabled]:activeborder: 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:activebackground:#3f92e1;button[disabled],button[disabled]:activebackground:#3f92e1;#opt1,#opt2,#opt3,#opt4,#opt5display: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>

5. Lakukan "Pratinjau" buat mengetahui hasilnya
6. Jika telah betul, silahkan klik "Publikasikan"

Baca Juga: Cara Cek Estimasi Harga Blog Atau Website Secara Online

Bagaimana sobat-sobat, mudah sekali bukan? Hanya beserta menambahkan script kode saja anda telah mampu membuat alat parse HTML kamu sendiri, jadi mulai sekarang kamu mampu menggunakan alat parse HTML buatan anda sendiri ya.