Cara Membuat Parse HTML Tools Terbaru di Blogger

Parse HTML adalah suatu fasilitas internet yang berfungsi untuk menerjemahkan kode - kode HTML ke dalam suatu karakter tertentu, contohnya: </div> jika di parse itu menjadi </div>. Buat anda yang mengalami error pada template (contohnya saja kode iklan google adsense) alangkah baiknya menggunakan cara ini. Untuk sebagian blogger mungkin saja template yang digunakan mendukung untuk script kode iklan google adsense, namun untuk template yang tidak mendukung sangat sulit untuk menempatkan iklan pada blog kita.

Screenshoot :

Sebenarnya kode yang anda parse dengan kode aslinya sebenarnya itu sama saja, tujuan di parse ini adalah mengubah kode menjadi karakter tertentu saja. Pihak Google AdSense-pun tidak permasalahkan itu. Jadi jika menempatkan sebuah kode dan itu terjadi kesalahan maka silakan anda coba Parse HTML ini dijamin masalah itu selesai. Oke, langsung saja ke proses pembuatan.

DEMO

Cara Membuat Parse HTML Tools Terbaru di Blogger

Cara Pertama :

1. Buka Blogger - Kemudian Login.
2. Dashboard - Halaman.
3. Buat Halaman Baru.

Proses Pembuatan :

1. Copy & Paste kode dibawah ini, kemudian letakan pada HTML jangan dibagian COMPOSE.

Screenshoot :

<style type="text/css">
        
textarea{
border-radius: 4px;
font-size:15px;
padding:5 10px 0;
display:block;
width:100%;
border:1px solid #ddd;
top:-20px;
font-size:14px;
color:#000;
border-bottom: 6px solid #36a7f2;
}
input#button-on{
color:#fff!important;
height: 50px;
font-size: 14px;
font-weight:bold;
background:#07ACEC;
padding:15px 25px;
border-radius:4px;
border:none;
outline:none;
box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
cursor:pointer;
transition:all .4s ease-in-out;
text-transform:uppercase;
margin-top:15px;
}
input#button-on:hover{
background: #0f6a8d;
box-shadow:0 8px 17px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
}
        </style> 

<br />
<center>
<div style="text-align: center; width: 100%;">
<div style="margin: 10 auto; padding: 0; width: 100%;">
<div id="mainDiv" style="padding: 2px 0;">
<textarea 100="" cols="30" height:="" id="tarea" onfocus="code_check();" rows="20" width:=""></textarea>

<br />
<center>
<input id="button-on" onclick="code_convert();" type="button" value="CONVERT" />
<input id="button-on" onclick="code_clear();" type="reset" value="CLEAR FIELD" />
<input id="button-on" onclick="copyToClipboard();" type="button" value="COPY TO CLIPBOARD" /> 
  </center>
</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>
</center>
</div>
<script type="text/javascript">
function copyToClipboard() {
  $("#tarea").select();
  document.execCommand("copy"); 
}
</script>
</div>

2. Publikasikan!

Demikian, bila anda mengalami kesalahan silakan jangan sungkan untuk berkomentar dibawah ini. Semoga Bermanfaat! Thanks for Reading : Cara Membuat Parse HTML Tools Terbaru di Blogger

Cara Membuat Parse HTML Tools Terbaru di Blogger

1 Response to "Cara Membuat Parse HTML Tools Terbaru di Blogger"