×

Author / Admin / Editor

     Jagoan Redesign    

Blog yang membahas Tutorial Blogger, Games, Template, Tips Adsense, SEO, Web Design dan Teknologi

Iklan Bawah Posting

Cara Membuat Tool Parse dan Unparse HTML di Blogger Terbaru

Jagoanredesign - Kali ini saya  membagikan sebuah tutorial Cara Membuat Tool Parse dan Unparse HTML di Blogger, Parse kode html merupakan tool atau alat untuk mengkonvert kode HTML atau script javascript secara cepat dan otomatis yang kegunaannya yaitu untuk mempermudah pemasangan atau instalasi diblog sehingga tidak terjadi error.

Unparse html atau deparse html adalah alat untuk mengkonvert mengembalikan kode script yang sudah diparse pada mulanya atau kebalikan berasal dari parse HTML itu sendiri.

Sudah banyak orang yang sudah membuat tool Parse HTML tetapi tidak ada tool Unparsenya, nah karena itu  saya akan membagikan tutorial cara membuat tools parse dan unparse yang sangat mudah.

Cara Membuat Notifikasi Order Pembelian di Blogger

1. Silahkan Login ke Blogger.
2. Selanjutnya masuk ke menu TEMA > klik Edit HTML.
3. Kemudian cari kode berikut ini ]]></b:skin>  atau </style>dan pastekan kode css dibawah ini tepat DIATAS kode tersebut.

/* Parse Unparse by Jagoan Redesign*/
.parseUnparse{align-items:center;display:flex;justify-content:center}.jagoanredesign-body{margin:10px 0;width:700px}.jagoanredesign-body .atasredesign{background-color:#FAFAFA;border-radius:5px 5px 0 0;height:2.5em}.jagoanredesign-body .atasredesign .tigaredesign{line-height:1.25em;padding:0.625em 0}.jagoanredesign-body .atasredesign .tigaredesign .bulat{border:medium none;border-radius:100%;display:block;float:left;height:auto;margin-left:0.5em;outline:medium none;width:0px;padding:7px}.jagoanredesign-body .atasredesign .tigaredesign .jagoan.tutup{background-color:#e74c3c}.jagoanredesign-body .atasredesign .tigaredesign .bulat.minimize{background-color:#f1c40f}.jagoanredesign-body .atasredesign .tigaredesign .bulat.fullscreen{background-color:#2ecc71}.jagoanredesign-body .jagoanrdsport{background-color:#f5f5f5;border-radius:0 0 5px 5px;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;padding:15px;text-align:center}.h3-jagoanredesign{margin:12px;font-family:'arial';font-size:18px}.areajagoanredesign{border:2px solid #fd0000;border-radius:5px;width:90%;height:200px;padding:10px;resize:vertical;outline:none}.jagoanredesign-tombol{background:#fd0000;border-radius:4px;font-size:13px;padding:3px 14px;font-weight:500;margin:14px 11px 14px 0;cursor:pointer;display:inline-block;text-align:center;color:#fff !important}.jagoanredesign-tombol.hejo{background:#25d366}.jagoanredesign-tombol.hejo:hover{background:#1ea951}.jagoanredesign-tombol.beureum{background:#FFEC04}.jagoanredesign-tombol.beureum:hover{background:#D32F2F}.jagoanredesign-tombol.oren{background:#F57C00}.jagoanredesign-tombol.oren:hover{background:#ca6600}.jagoanredesign-tombol:hover{background:#fd0000}
4. Selanjutnya anda SIMPAN TEMA

5. Masuk ke menu HALAMAN > Buat HALAMAN BARU, dan masukkan judul halaman tersebut terserah anda.
6. Masuk ke menu HTML bukan COMPOSE, Pastekan kode dibawah ini di halaman HTML.
<div class="parseUnparse">
    <div class="jagoanredesign-body">
        <div class="atasredesign">
            <div class="tigaredesign">
                <button class="bulat minimize"></button>
                <button class="bulat fullscreen"> </button>
            </div>
        </div>
        <div class="jagoanrdsport">
            <h3 class="h3-jagoanredesign">Parse | Unparse HTML</h3>
            <textarea class="areajagoanredesign" id="box-parseunparse" placeholder="&lt;!- Input kode yang akan di-Parse atau di-Unparse -&gt;"></textarea>
            <div class="jagoanredesign-tombol hejo" id="exparseHTML" onclick="convert();" type="button">Parse</div>
            <div class="jagoanredesign-tombol oren" id="exunparseHTML" onclick="convert();" type="button">Unparse</div>
            <div class="jagoanredesign-tombol beureum" onclick="document.getElementById('box-parseunparse').value = '', document.getElementById('box-output').value = ''" type="button">Clear</div>
            <div class="jagoanredesign-tombol" onclick="CopyTextMasbro()" type="button">Copy to Clipboard</div>
            <textarea class="areajagoanredesign" id="box-output" placeholder="&lt;!- Output kode... -&gt;" readonly=""></textarea>
        </div>
    </div>
</div>
<script src="https://cdn.jsdelivr.net/gh/JagoanRedesign/Jagoan-File@main/ParseUnparse.js"></script>



6. Selanjutnya silahkan klik PUBLIKASIKAN dan Selesai.

Nah, itu adalah tutorial Cara Membuat Tool Parse dan Unparse HTML di Blogger Terbaru, apabila kamu memiliki pertanyaan silahkan tanya di kolom komentar dibawah artikel ini.
Previous
Next Post »
avatar
Penulis Blog dan redesigner template blogger.

Related Posts

Komentar
Tutup Komentar

0

Post a Comment

  • Berkomentarlah secara bijaksana dan bertanggung jawab.
  • Tidak diperbolehkan mempromosikan barang atau berjualan.
  • Tulis komentar Anda untuk hal yang masih berhubungan dengan posting pada halaman ini.
  • Dilarang memuat Link Aktif pada kolom komentar
  • Komentar dengan link aktif akan otomatis dihapus.
  • Jika ingin menulis kode silahkan anda parse terlebih dulu (terutama Javascript dan HTML)
  • Centang kotak Beri tahu saya untuk mendapatkan notifikasi via email jika ada yang membalas komentar.
  • Gunakan tag <i> dan diakhiri dengan kode </i> untuk menuliskan kode. Contoh:
    <i>#comments</i>
  • Gunakan tag <em> dan diakhiri dengan kode </em> untuk menuliskan kode yang lebih panjang atau URL. Contoh:
    <em>#comments {margin:0; padding:10px 15px}</em>

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel