Cara Membuat Halaman Parse HTML Converter di Blog

5/5 (1)

LAPAKLAMA.COM » Cara Membuat Halaman Parse HTML Converter di Blog

Hallo bos di postingan kali ini saya akan membagikan sebuah artikel yang sangat tidak penting namun ngak ada salahnya juga kamu buat untuk melengkapi situs kamu.

Menambahkan halaman parse Converter di dalam blog sangat cocok jika topik yang kamu bahas seputar pemograman atau blogging, Karena secara otomatis pengunjung situs kamu adalah orang-orang progamer yang sangat membutuhkan dengan halaman Parse.

Biasanya halaman parse HTML Converter digunakan untuk mengkonversi kode iklan google adsense sebelum dipasang didalam blog.

Membuat Halaman Parse HTML Converter di Blog itu sangat mudah, kamu hanya perlu membuat sebuah halaman baru dan kemudian menambahkan kode Parse HTML Converter yang sudah saya sediakan dibawah. Untuk lebih jelasnya lagi silahkan simak penjelasan dibawah ini.

Membuat Halaman Parse HTML Converter di Blog

Panduan Membuat Halaman Parse HTML Converter ini bisa kamu aplikasikan di wordpress ataupun blogspot, dan untuk wordpress juga tidak perlu menginstall plugin tambahan.

  1. Masuk kedalam dasboard blogger atau wordpress kamu
  2. Kemudian pilih menu Laman dan Buah halaman baru.
  3. Secara defaul mode penulisan di blogger adalah composse, Silahkan pindah/ganti mode tulisan ke HTML, Begitu juga dengan wordpress.
  4. Kemudian copy kode dibawah ini dan pastekan dihalaman tersebut dalam mode HTML
    <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>&</code> menjadi <code>&amp;</code></li>
    <li><input checked="true" id="opt2" type="checkbox" />Konversi <code><</code> menjadi <code>&lt;</code></li>
    <li><input checked="true" id="opt3" type="checkbox" />Konversi <code>></code> menjadi <code>&gt;</code></li>
    <li><input id="opt4" type="checkbox" />Konversi <code>"</code> menjadi <code>&quot;</code></li>
    <li><input id="opt5" type="checkbox" />Konversi <code>'</code> menjadi <code>'</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, "&");
        if (opt2.checked) cv = cv.replace(/</g, "<");
        if (opt3.checked) cv = cv.replace(/>/g, ">");
        if (opt4.checked) cv = cv.replace(/"/g, """);
        if (opt5.checked) cv = cv.replace(/'/g, "'");
        ctarea.value = cv;
        ctarea.focus();
        ctarea.select();
    };
    </script>
  5. Kamu bisa memberi nama halaman ini dengan Parse HTML atau Parse Iklan.
  6. Jika semuanya sudah kamu lakukan, silahkan Publikasikan halaman tersebut.
  7. Selesai.

Halaman Parse HTML Converter yang kamu buat tadi tampilannya akan seperti punya lapaklama ini.

Parse HTML Converter

Jika kamu ingin halaman parse ini dapat digunakan orang lain, letakan halaman ini dibagian menu navigasi atau dibagian footer.

Giaman keren bukan? Ingat halaman ini cocok dibuat untuk blog yang bertopik blogging atau pemograman, Namun blog dengan topik lainya yang ingin menambahkan halaman Parse HTML Converter juga ngak papa kok. Oke sekian informasi Cara Membuat Halaman Parse HTML Converter di blog, semoga panduan ini bermanfaat, dan terimakasih.

Nilai Kualitas Konten

2 thoughts on “Cara Membuat Halaman Parse HTML Converter di Blog

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *