Membuat Halaman Parse Html Di Blogger

Halo sobat jagotemax kembali lagi bersama saya, kali ini aku akan membagikan tutorial Membuat Halaman Parse Html Di Blogger script ini berguna untuk kamu yang ingin memparse kode html kamu dan akan di masukan ke dalam Syntax Highligher di blogger kamu. 

Cara Membuat Halaman Parse Html Di Blogger

Langkah 1 : Masuk ke akun blogger kamu atau Dashboard Blogger . 

Langkah 2 : Pilih menu Halaman atau Page.

Langkah 3 : Pilih Halaman baru dengan klik New Page atau Klik Halaman Baru.

Langkah 4 : Setelah itu akan ada dua mode yaitu mode Compose dan mode HTML.

Jika ingin membuat paragraf pembuka silahkan pilih Mode Compose Jika ingin langsung pasang Script di bawa silahkan pilih Mode HTML

Salin Kode ini didalam Halaman Baru mode  HTML. 

<    ex    area id="codes" placeholder="Salin scrip     di sini lalu klik 'Kuy Parse'. Un    uk parse scrip     baru, klik 'Bersihin dulu'" spellcheck="false"></    ex    area> 
<br />
<div class="bu        on-group">
<cen    er>
<span class="Apple-s    yle-span" s    yle="fon    -family: &quo    ;    rebuche     ms&quo    ;; fon    -size: x-small; line-heigh    : 20px;">Ala     Parse HTML  oleh  <a href="h        p://www.rekblogging.com/" s    yle="color: #2980b9;     ex    -decora    ion: none;">rekblogging.com</a></span></cen    er>
<bu        on id="conver    " onclick="cdConver    ();    his.disabled =     rue;">Kuy Parse</bu        on><bu        on onclick="cdClear();">Bersihin dulu</bu        on></div>
<br />
<ul id="wrapin">
<li><inpu     checked="    rue" id="op    1"     ype="checkbox" />Konversi <code>&</code> menjadi <code>&amp;</code></li>
<li><inpu     checked="    rue" id="op    2"     ype="checkbox" />Konversi <code>&l    ;</code> menjadi <code>&l    ;</code></li>
<li><inpu     checked="    rue" id="op    3"     ype="checkbox" />Konversi <code>&g    ;</code> menjadi <code>&g    ;</code></li>
<li><inpu     id="op    4"     ype="checkbox" />Konversi <code>"</code> menjadi <code>&quo    ;</code></li>
<li><inpu     id="op    5"     ype="checkbox" />Konversi <code>'</code> menjadi <code>&#039;</code></li>
</ul>
<s    yle     ype="    ex    /css">
code{fon    -family:Consolas,Monaco,'Andale Mono','Courier New',Courier,Monospace;color:#2a5ead;fon    -size:13px;padding:2px 4px;color:#d14;}
#codes{fon    :13px 'Courier New',Monospace;border:1px solid #CCCCCC;wid    h:550px;heigh    :250px;margin:0 au    o;display:block;background-color:#f2f2f2;color:#333;padding:15px;}
.bu        on-group{margin:0 au    o 0;    ex    -align:cen    er}
bu        on,bu        on[disabled]:ac    ive{border: none;padding: 5px 12px;color: #fff;background-color: #0ea6d8;cursor: poin    er;fon    -size: 13px;margin: 0 10px;line-heigh    : 23px;border-radius: 3px;    ransi    ion: all 0.3s ease-in-ou    ;}
bu        on:ac    ive{background:#3f92e1;}
bu        on[disabled],bu        on[disabled]:ac    ive{background:#3f92e1;}
#op    1,#op    2,#op    3,#op    4,#op    5{display:inline-block;margin-righ    :10px;}
</s    yle> 
<scrip         ype="    ex    /javascrip    ">
func    ion cdClear() {
    var w    area = documen    .ge    Elemen    ById('codes');
    w    area.value = '';
    w    area.focus();
    documen    .ge    Elemen    ById('conver    ').disabled = false;
}
func    ion cdConver    () {
    var c    area = documen    .ge    Elemen    ById('codes'),
        cv = c    area.value,
        op    1 = documen    .ge    Elemen    ById('op    1'),
        op    2 = documen    .ge    Elemen    ById('op    2'),
        op    3 = documen    .ge    Elemen    ById('op    3'),
        op    4 = documen    .ge    Elemen    ById('op    4'),
        op    5 = documen    .ge    Elemen    ById('op    5');
    cv = cv.replace(/    /g, "    ");
    if (op    1.checked) cv = cv.replace(/&/g, "&");
    if (op    2.checked) cv = cv.replace(/</g, "&l    ;");
    if (op    3.checked) cv = cv.replace(/>/g, "&g    ;");
    if (op    4.checked) cv = cv.replace(/"/g, "&quo    ;");
    if (op    5.checked) cv = cv.replace(/'/g, "'");
    c    area.value = cv;
    c    area.focus();
    c    area.selec    ();
};
</scrip    >

Langkah 5 : Jika sudah silahkan save dan lihat hasil nya. 

Akhir Kata 

Terimakasih sudah berkunjung jika ada pertanyaan bisa tinggalkan jejak komentar dibawah ini. 

"Jangan Lupa Bagikan Artikel Ini Ya"

Bagikan