Hari ini :


Cara Mudah Membuat Tools Converter HTML

Cara Mudah Membuat Tools Converter atau Alat Parse HTML di blog sendiri ala Blog Anak Bangsa. Toolsnya sangat sederhana dan ringan digunakan alias gak ada loadingnya. Teman-teman tinggal masukkan kode script nya di halaman postingan atau sidebar blog masing-masing tanpa harus utak atik lagi scriptnya, Sebelum dilanjutkan, lihat dulu demonya.



LIVE DEMO

Gimana? Alat Parse HTML ini adalah perangkat yang digunakan untuk mem-parse atau konvert kode script/javascript secara otomatis sehingga mempermudah dalam pemasangan atau instalasi di blog atau halaman posting. Umumnya tool ini diperlukan untuk konvert atau parsing kode script iklan, seperti script iklan AdSense atau yang lain. Atau juga bagi Anda yang banyak menulis atau posting artikel dengan banyak menggunakan kode javascript yang perlu di parse atau konvert sebelum dipublish agar tidak ada problem error.

Lanjut ya?

Berikut cara memasang tools Konvert HTML ke blog Anda

  1. Login Akun Blogger
  2. Pada Dashboard Klick Entri Baru/tulis posting baru
  3. Pada halaman entri baru, pilih mode HTML. Ingat, sekali lagi mode HTML bukan mode Compose.
  4. Copy kode dibawah ini dan Pastekan pada ruang posting mode HTML

    <div dir="ltr" style="text-align: left;" trbidi="on">
    <div class="style1">
    <div style="text-align: center;">
    <span style="font-family: Courier New, Courier, monospace; font-size: large;"><b><u><a href="http://ifoell.blogspot.co.id/2015/09/cara-mudah-membuat-tools-converter-html.html">Parse HTML Tool</a></u></b></span><br />
    <br /></div>
    <center>
    <b><span style="font-family: Courier New, Courier, monospace;">
    </span><div class="style1">
    <span style="font-family: Courier New, Courier, monospace;">Masukkan Script Kode HTML kedalam Kotak dibawah ini Kemudian klik "<span style="color: red;">Convert</span>"<i>&nbsp;</i></span></div>
    </b></center>
    <center>
    <b>
    <div style="text-align: center; width: 100%;">
    <div style="margin: 0 auto; padding: 0; width: 100%;">
    <div id="mainDiv" style="padding: 2px 0;">
    <textarea cols="21" id="tarea" onfocus="code_check();" rows="10" style="font-size: 12px; height: 80%; width: 80%;"></textarea>

    <br />
    <div style="margin: 0 auto; padding: 5px 0; width: 95%;">
    <button onclick="code_convert();" style="margin-right: 5px;" type="button">Convert</button> <button onclick="code_clear();" style="margin-left: 5px;" type="button">Clear</button> </div>
    </div>
    </div>
    </div>
    <script>
    function code_check(){
    var focuscheck=document.getElementById('tarea');if(focuscheck.value.indexOf('Pastekan Disini Kode yang Akan Anda Pasang pada Postingan Blog')>0)focuscheck.value='';}
    function code_clear(){
    var wtarea=document.getElementById('tarea');wtarea.value='';}
    function code_convert(){
    var ctarea=document.getElementById('tarea');var toConvert=ctarea.value;
    var toConvert=toConvert.replace(/&/g,"&amp;");
    var toConvert=toConvert.replace(/'/g,"&#039;");
    var toConvert=toConvert.replace(/"/g,"&quot;");
    var toConvert=toConvert.replace(/</g,"&lt;");
    var toConvert=toConvert.replace(/>/g,"&gt;");
    ctarea.value=toConvert;ctarea.focus();ctarea.select();};
    </script>
    </b></center>
    </div>
    </div>

  5. Simpan dan lihat hasilnya.
  6. Semoga Bermanfaat

Poskan Komentar

0 komentar:

Post a Comment

Stop SPAM Comments