Cara Membuat Halaman HTML Converter di Blogger

Pada kesempatan kali ini saya mau berbagi cara membuat Halaman HTML Converter untuk blogger. Ada beberapa alasan yang membuat kamu mencari HTML Converter ini , dari mengkonversi kode Adsense sampai kode javascript untuk dipasang di laman blogger dalam mode HTML.

Penjelasan singkat tentang HTML Converter atau Parse HTML.
Parse HTML merupakan salah satu tools yang digunakan untuk kamu yang ingin mengkonversi kode Google Adsense supaya bisa di pasang dibawah atau diatas posting artikel. Tools ini sangat penting untuk para pemula yang tidak tahu kode-kode dasar yang akan dikonversikan ke HTML.

Berikut ini adalah cara untuk memasang Halaman HTML Converter di Blogger
1. Login atau masuk ke akun blogger kamu
2. Lalu kalian masuk ke menu Halaman dan buatlah halaman baru.
3. Lalu pastekan kode berikut di Halaman yang akan kamu buat dalam mode HTML, ingat jangan dalam mode Compose ya tapi HTML.

Untuk Memasukkan kode Adsense ke blog melalui <b>Edit HTML</b>, Anda tidak bisa langsung copy paste. Jika kamu langsung memasukkan kode adsense langsung di HTML otomatis iklan tidak akan muncul. Jadi Caranya tinggal salin kode Adsense Anda, atau bisa juga <b>Kode Javascript</b> yang lain, kemudian klik tombol <b>KONVERSI</b>. Setelah itu salin dan pastekan di blog Anda.
<br />
<br />
<style>
.post-inner {padding:0 0 0 0;margin:20px auto;} 
.post-body ul#wrapin {display:block;position:relative;margin:30px auto 0 auto;} 
.post-body ul#wrapin li {display:block;margin:0 auto;text-align:left;} 
.post-body ul#wrapin br {display:none;} 
</style>
<script type="text/javascript">
function convert(){var ele1 = document.getElementById("somewhere");var replaced;replaced = ele1.value;replaced = replaced.replace(/&/ig, "&amp;");replaced = replaced.replace(/</ig, "&lt;");replaced = replaced.replace(/>/ig, "&gt;");replaced = replaced.replace(/"/ig, "&quot;");replaced = replaced.replace(/&#177;/ig, "&plusmn;");replaced = replaced.replace(/&#169;/ig, "&copy;");replaced = replaced.replace(/&#174;/ig, "&reg;");replaced = replaced.replace(/ya'll/ig, "ya'll");ele1.value = replaced;}
</script>
<table style="margin: 0 auto;"><tbody>
<tr> <td><textarea id="somewhere" style="background: none repeat scroll 0% 0% rgb(248, 248, 248); border: 1px solid rgb(204, 204, 204); height: 300px; width: 550px;"></textarea><br />
<input onclick="convert();" style="padding: 5px;" type="button" value="Parse Script" /></td> </tr>
</tbody></table>
<br />
<ul id="wrapin">
<li><br /> 
<input checked="true" id="opt1" type="checkbox" />Konversi <code><span style="color: red;">&amp;</span></code> menjadi <code><span style="color: red;">&amp;amp;</span></code><br /> </li>
<li><br /> 
<input id="opt2" type="checkbox" />Konversi <code><span style="color: red;">'</span></code> menjadi <code><span style="color: red;">&amp;#039;</span></code><br /> </li>
<li><br /> 
<input id="opt3" type="checkbox" />Konversi<span style="color: red;"> <code>"</code></span> menjadi <code><span style="color: red;">&amp;quot;</span></code><br /> </li>
<li><br /> 
<input checked="true" id="opt4" type="checkbox" />Konversi <code><span style="color: red;">&lt;</span></code> menjadi <code><span style="color: red;">&amp;lt;</span></code><br /> </li>
<li><br /> 
<input checked="true" id="opt5" type="checkbox" />Konversi <code><span style="color: red;">&gt;</span></code> menjadi <code><span style="color: red;">&amp;gt;</span></code><br /> 
</li>
</ul>

4. Lalu publikasikan halaman tersebut, dan coba test oleh kamu untuk mengkonversi kode html atau javascript nya.

Klik demo untuk melihat hasilnya

Demo

Hanya segitu tutorial untuk membuat Halaman Converter di Blogger, jika kamu ada pertanyaan silahkan komen di blog ini ya.