From nothing to something

Saturday, July 22, 2017

Memasang HTML Parse Tool di Blog Valid HTML5

HTML Parse adalah Tool untuk mengkonversi kode HTML, CSS, JavaScript, dll untuk dimasukan kedalam artikel di blog. HTML Parse juga bisa digunakan untuk mengkonversi kode iklan yang nantinya akan ada didalam postingan, baik diatas, tengah, ataupun di bawah.

Tool ini sangat mudah digunakan, kalian hanya perlu menekan tombol "Parse Script" setelah Script dimasukan kedalam textarea. Untuk menghilangkan tulisan yang berada didalam textarea kalian hanya perlu menekan tombol "Clear Textarea". Jika kalian ingin melihat demonya kalian bisa menekan tombol demo dibawah ini.

Memasang HTML Parse Tool di Blog Valid HTML5

1. Masuk ke Blogger > Laman > Laman Baru
2. Ganti mode Compose ke mode HTML
3. Simpan kode dibawah ini dikolom yang tersedia
<style type="text/css">
#htmlparser{margin: 0 auto}
#htmlparserbox{background: none repeat scroll 0% 0% rgb(248, 248, 248); border: 1px solid rgb(204, 204, 204); height: 300px; width: 550px;font-size: 15px;border-radius: 3px}
#htmlparserbox[placeholder]:focus::-webkit-input-placeholder{opacity: 0;transition:opacity .2s ease-in-out}
#htmlparserbtn{padding: 10px 20px;background: rgba(26, 188, 156,1.0);color: #F5F5F5;border-radius: 3px;cursor: pointer;border: none;transition:all .1s ease-in-out;font-size: 15px;}
#htmlparserbtn:hover{background: rgba(26, 188, 156,0.8)!important;transition:all .4s ease-in-out}
#htmlparserbox:focus, #htmlparserbtn:focus{outline: none;}
</style>
<table id="htmlparser"><tbody>
<tr><td><textarea id="htmlparserbox" placeholder="Tulis/paste kode disini lalu klik 'Parse Script'"></textarea><br/>
<input onclick="convert();" id="htmlparserbtn" type="button" value="Parse Script" />
<input type="button" value="Clear Textarea" id="htmlparserbtn" onclick="eraseText();" /></td></tr>
</tbody></table>
<script type="text/javascript">
function convert(){var ele1 = document.getElementById("htmlparserbox");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;}
function eraseText() {document.getElementById("htmlparserbox").value = "";}
</script>
4. Klik Publikasikan.

Untuk warna yang lainnya kalian bisa scroll kebawah..

Warna Hijau (Default)
<style type="text/css">
#htmlparser{margin: 0 auto}
#htmlparserbox{background: none repeat scroll 0% 0% rgb(248, 248, 248); border: 1px solid rgb(204, 204, 204); height: 300px; width: 550px;font-size: 15px;border-radius: 3px}
#htmlparserbox[placeholder]:focus::-webkit-input-placeholder{opacity: 0;transition:opacity .2s ease-in-out}
#htmlparserbtn{padding: 10px 20px;background: rgba(26, 188, 156,1.0);color: #F5F5F5;border-radius: 3px;cursor: pointer;border: none;transition:all .1s ease-in-out;font-size: 15px;}
#htmlparserbtn:hover{background: rgba(26, 188, 156,0.8)!important;transition:all .4s ease-in-out}
#htmlparserbox:focus, #htmlparserbtn:focus{outline: none;}
</style>
<table id="htmlparser"><tbody>
<tr><td><textarea id="htmlparserbox" placeholder="Tulis/paste kode disini lalu klik 'Parse Script'"></textarea><br/>
<input onclick="convert();" id="htmlparserbtn" type="button" value="Parse Script" />
<input type="button" value="Clear Textarea" id="htmlparserbtn" onclick="eraseText();" /></td></tr>
</tbody></table>
<script type="text/javascript">
function convert(){var ele1 = document.getElementById("htmlparserbox");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;}
function eraseText() {document.getElementById("htmlparserbox").value = "";}
</script>

Warna Biru
<style type="text/css">
#htmlparser{margin: 0 auto}
#htmlparserbox{background: none repeat scroll 0% 0% rgb(248, 248, 248); border: 1px solid rgb(204, 204, 204); height: 300px; width: 550px;font-size: 15px;border-radius: 3px}
#htmlparserbox[placeholder]:focus::-webkit-input-placeholder{opacity: 0;transition:opacity .2s ease-in-out}
#htmlparserbtn{padding: 10px 20px;background: rgba(52, 152, 219,1.0);color: #F5F5F5;border-radius: 3px;cursor: pointer;border: none;transition:all .1s ease-in-out;font-size: 15px;}
#htmlparserbtn:hover{background: rgba(52, 152, 219,0.8)!important;transition:all .4s ease-in-out}
#htmlparserbox:focus, #htmlparserbtn:focus{outline: none;}
</style>
<table id="htmlparser"><tbody>
<tr><td><textarea id="htmlparserbox" placeholder="Tulis/paste kode disini lalu klik 'Parse Script'"></textarea><br/>
<input onclick="convert();" id="htmlparserbtn" type="button" value="Parse Script" />
<input type="button" value="Clear Textarea" id="htmlparserbtn" onclick="eraseText();" /></td></tr>
</tbody></table>
<script type="text/javascript">
function convert(){var ele1 = document.getElementById("htmlparserbox");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;}
function eraseText() {document.getElementById("htmlparserbox").value = "";}
</script>


Warna Hitam
<style type="text/css">
#htmlparser{margin: 0 auto}
#htmlparserbox{background: none repeat scroll 0% 0% rgb(248, 248, 248); border: 1px solid rgb(204, 204, 204); height: 300px; width: 550px;font-size: 15px;border-radius: 3px}
#htmlparserbox[placeholder]:focus::-webkit-input-placeholder{opacity: 0;transition:opacity .2s ease-in-out}
#htmlparserbtn{padding: 10px 20px;background: rgba(33, 33, 33, 1.0);color: #F5F5F5;border-radius: 3px;cursor: pointer;border: none;transition:all .1s ease-in-out;font-size: 15px;}
#htmlparserbtn:hover{background: rgba(33, 33, 33, 0.8)!important;transition:all .4s ease-in-out}
#htmlparserbox:focus, #htmlparserbtn:focus{outline: none;}
</style>
<table id="htmlparser"><tbody>
<tr><td><textarea id="htmlparserbox" placeholder="Tulis/paste kode disini lalu klik 'Parse Script'"></textarea><br/>
<input onclick="convert();" id="htmlparserbtn" type="button" value="Parse Script" />
<input type="button" value="Clear Textarea" id="htmlparserbtn" onclick="eraseText();" /></td></tr>
</tbody></table>
<script type="text/javascript">
function convert(){var ele1 = document.getElementById("htmlparserbox");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;}
function eraseText() {document.getElementById("htmlparserbox").value = "";}
</script>

Warna Merah
<style type="text/css">
#htmlparser{margin: 0 auto}
#htmlparserbox{background: none repeat scroll 0% 0% rgb(248, 248, 248); border: 1px solid rgb(204, 204, 204); height: 300px; width: 550px;font-size: 15px;border-radius: 3px}
#htmlparserbox[placeholder]:focus::-webkit-input-placeholder{opacity: 0;transition:opacity .2s ease-in-out}
#htmlparserbtn{padding: 10px 20px;background: rgba(231, 76, 60,1.0);color: #F5F5F5;border-radius: 3px;cursor: pointer;border: none;transition:all .1s ease-in-out;font-size: 15px;}
#htmlparserbtn:hover{background: rgba(231, 76, 60,0.8)!important;transition:all .4s ease-in-out}
#htmlparserbox:focus, #htmlparserbtn:focus{outline: none;}
</style>
<table id="htmlparser"><tbody>
<tr><td><textarea id="htmlparserbox" placeholder="Tulis/paste kode disini lalu klik 'Parse Script'"></textarea><br/>
<input onclick="convert();" id="htmlparserbtn" type="button" value="Parse Script" />
<input type="button" value="Clear Textarea" id="htmlparserbtn" onclick="eraseText();" /></td></tr>
</tbody></table>
<script type="text/javascript">
function convert(){var ele1 = document.getElementById("htmlparserbox");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;}
function eraseText() {document.getElementById("htmlparserbox").value = "";}
</script>

Jika kalian memiliki permasalahan dalam pemasangan tool ini silahkan berikan komentar di artikel ini. Terimakasih.
Next
This Is The Current Newest Page