Lompat ke konten Lompat ke sidebar Lompat ke footer
Beranda / HTML / Tools

Cara Menciptakan Alat Parse Html Convert Di Blog Terbaru

Cara Membuat Alat Parse HTML Convert Di Blog Terbaru - Alat parse HTML atau yang biasa disebut sebagai Converter HTML merupakan sebuah alat khusus yang sering dipakai untuk melaksanakan konversi terhadap arahan pemrograman, menyerupai HTML, CSS, atau Javascript.

Bagi para blogger sendiri tool parse HTML ini merupakan bab yang cukup penting, terlebih lagi bagi mereka yang sering membagikan postingan berupa arahan - arahan pemrograman. Tak hanya itu saja, bagi anda yang ingin menempatkan iklan Google Adsense kedalam blog, juga memerlukan tool parse HTML.


Oleh alasannya ialah fungsinya yang cukup penting, tak jarang banyak blogger yang bersusah payah mencari tool ini di Google. Tapi tahukah anda bahwa dikala ini anda sanggup menciptakan alat parse HTML anda sendiri loh. Kaprikornus anda tidak akan susah-susah lagi mencari tool ini di Google maupun di blog orang lain.

Untuk cara menciptakan alat parse HTML ini sanggup dikatakan sangat mudah, anda hanya perlu membuka halaman kosong di blog anda, dan kemudian menambahkan beberapa arahan saja. Nah untuk lebih jelasnya anda sanggup memperhatikan cara pembuatan tool parse HTML dibawah ini, tapi sebelum itu saya ingin memberitahukan apa ITU Parse HTML ?

Apa Itu Parse HTML ?

sebuah alat converter script html, merubah script asyncr menjadi script yang yang sanggup di pasang ke format xml. ... Tanpa Memparse Kode iklan adsense maka unit iklan tidak akan sanggup di pasang ke format xml menyerupai template blogger.

Kode HTML Apa Saja Yang Bisa Di Parse ?

  1. Parse Kode HTML
  2. Parse Kode Iklan Adsense
  3. Parse JavaScript
  4. Parse Kode Iklan
  5. Parse Iklan Adsense

Berikut Langkah - langkah dalam menciptakan Parse HTML Di blog terbaru, Ingat jangan ada yang hingga terlewatkan, jika ada nanti niscaya bakal error tuh arahan :


  • Pada dashboard pilih => Halaman => Halaman Baru.
  • Masuk Ke Mode HTML, ( Bukan Compose )
  • Lalu tambahkan arahan berikut kedalam halaman tersebut

<textarea id="codes" placeholder="Tulis/paste arahan di sini kemudian 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">
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: 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:active{background:#3f92e1;}
button[disabled],button[disabled]:active{background:#3f92e1;}
#opt1,#opt2,#opt3,#opt4,#opt5{display: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>

  • Lakukan "Pratinjau" untuk mengetahui hasilnya
  • Jika sudah benar, silahkan klik "Publikasikan" 

Bagaimana sobat, gampang sekali bukan? hanya dengan menambahkan script arahan saja anda sudah sanggup menciptakan alat parse HTML anda sendiri, jadi mulai kini anda sanggup memakai alat parse HTML buatan anda sendiri ya.

Itu saja yang sanggup saya sampaikan, biar cara yang saya bagikan ini sanggup bermanfaat ya. Cara Membuat Alat Parse HTML Convert Di Blog Terbaru ? Oke bro / sis cukup hingga disini pembahasan saya kali ini. Jika ada yang kurang di mengerti silakan kalian tanyakan pada kolom komentar dibawah.
Sumber https://carasatuku.blogspot.com/

Anda mungkin menyukai postingan ini :