√ Cara Menciptakan Tool Parse Html (Html Converter) Di Blogger

Cara Membuat Parse HTML (HTML Converter) di Blogger - Kali ini aku akan membagikan cara memasang alat parse html (konversi arahan atau Ads Converter) sendiri di halaman blog anda.

Parse HTML ialah alat yang dipakai untuk menguraikan atau mengkonversi arahan pemrograman, ibarat CSS, HML dan JavaSribd semoga arahan tersebut sanggup dengan gampang terbaca oleh blog kita. Yang menjadi pertanyaan adalah, kenapa kita harus memakai parse html?. Sebagai referensi jikalau kita ingin menempatkan arahan AdSense di HTML blog kita, kita harus mengkonversiya terlebih dahulu untuk menghindari terjadinya error pada struktur blog kita.

Parse HTML ini juga banyak dipakai oleh para khususnya yang membagikan kode-kode dipostingan blognya ibarat CSS, HTML dan JavaSribd, pastinya memakai parse html terlebih sebelum menempatkannya di dalam postingannya.

Saya sendiripun sering memakai parse html ini, bahkan aku menempatkannya sendiri di halaman statis blog saya, sebab daripada kita numpang konversi di website orang lain, mendingan aku membuatnya sendiri di halaman blog saya.

Cara Memasang Tool Parse HTML di Halaman Statis Blogger

1. Masuk ke Blogger > pilih sajian Halaman > pilih Buat Halaman Baru

2. Kemudian Masuk ke mode HTML (Bukan Compose) > selanjutnya letakkan arahan ini dalamnya

Jika anda ingin memasukkan Kode SCC, HTML, JavaCript atau arahan lainnya di dalam postingan HTML anda, salin arahan anda dan letakkan di dalam kotak ini lalu pilih <b>Konversi</b>. Setelah itu salin kedalam postingan blog anda.  <textarea id="codes" placeholder="Tulis/salin arahan anda di sini lalu pilih 'Konversi'" spellcheck="false" style="height: 158px; margin: 0px; width: 951px;"></textarea> <div class="button-group"> <button id="convert" onclick="cdConvert();this.disabled = true;">Konversi</button><button onclick="cdClear();">Bersihkan</button></div>  <input checked="true" id="opt1" type="checkbox" />Konversi <code>&amp;</code> menjadi <code>&amp;amp;</code> <input checked="true" id="opt2" type="checkbox" />Konversi <code>&lt;</code> menjadi <code>&amp;lt;</code> <input checked="true" id="opt3" type="checkbox" />Konversi <code>&gt;</code> menjadi <code>&amp;gt;</code> <input id="opt4" type="checkbox" />Konversi <code>"</code> menjadi <code>&amp;quot;</code> <input id="opt5" type="checkbox" />Konversi <code>'</code> menjadi <code>&amp;#039;</code> <ul></ul> <style type="text/css"> code{font-family:Consolas,Monaco,'Andale Mono','Courier New',Courier,Monospace;color:#2a5ead;font-size:13px;padding:2px 4px;color:#d14;} #codes{font: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-group{margin:0 auto 0;text-align:center} button,button[disabled]:active{border: none;padding: 9px 72px;color: #fff;background-color: #2fc8b4;cursor: pointer;font-size: 17px;margin: 0 10px;line-height: 23px;border-radius: 3px;transition: all 0.3s ease-in-out;} button:active{background:#2fc8b4;} button[disabled],button[disabled]:active{background:#e9405c;} #opt1,#opt2,#opt3,#opt4,#opt5{display:inline-block;margin-right:10px;} </style>  <script type="text/j4vascript"> 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>

3. Jangan lupa Isi Judul halaman anda > lalu pilih Publikasikan

DEMO

Demikian tutorial Cara Membuat Parse HTML (Ads HTML), mohon maaf sebelumnya apabila penulisan artikel ini banyak terdapat kesalahan. Jika ada hal yang ingin ditanyakan sanggup eksklusif menuju kolom komentar, Terimakasih.

Sumber http://www.analisyuki.com/