Showing posts with label Parse Kode HTML. Show all posts
Showing posts with label Parse Kode HTML. Show all posts

Wednesday, July 10, 2019

- July 10, 2019

Cara Mudah Memasang Tool Parse HTML Javascript

Cara Mudah Memasang Tool Parse HTML Javascript


Sahabat Blogger kali ini admin ingin berbagi sebuah tool yang bisa anda pasang pada halaman situs blognya tool ini sering di gunakan oleh para master Blogger, Seperti apakah tool yang di maksud itu? Tool yang di maksud adalah "Tool Parse kode Html dan Javascript". Apa pentingnya tool tersebut di pasang pada situs blog? Penting nya adalah dengan memasang tool ini pengunjung blog akan dengan sangat mudah memparse Kode Html dan Javascript yang apabila ada sebuah tutorial di blog milik kita yang membahas tentang pengodean yang harus di parse atau di convert, Jadi pengunjung tersebut tinggal mengcopy kode Html yang hendak iya parse dan kemudian di paste ke dalam input text dan tekan convert, Maka dengan otomatis kode Html nya akan di parse atau terconvert.




Jika anda ingin menerapkan tool Parse kode Html yang sudah di jelaskan di atas maka simaklah terlebih dahulu langkah dan cara memasang kode CSS/HTML Javascript nya di bawah, dan pada umum nya tool ini sering di gunakan untuk memparse kode Adsense atau kode Javascript lainya sebelum di pasang pada template situsblog. Dengan memparse kode HTML Adsense, maka akan mencegah terjadinya error pada tampilan Iklan Adsense situsblog. Selain itu juga kode html yang di parse dapat membuat kode tersebut menjadi Responsif dan SEO friendly terhadap template situsblog namun kalau dibandingkan dengan kode sebelumnya di parse, Maka dalam hal ini gunakan Tool Parse Html atau converter tool untuk memparse atau mengkonversi script atau kode iklan Google Adsense.

Berikut Cara Singkat Yang Bisa Anda Terapkan Pada Situs Blog Blogger Anda;

Langkah 1.
Masuk ke Akun Google dan Lanjutkan ke Dasbor Blogger
Langkah 2.
Dan Tempatkan Tool Parse HTML nya pada halaman Static klik tab menu Halaman lalu pilih Halaman Baru
Langkah 3. Jika anda sudah masuk pada halaman postingan(static Page) maka seting input HTML disebelah kiri Compose lalu copy kode di bawah ini dan tempelkan pada halaman input Html Nya;


<textarea id="codes" placeholder="Input/Letakan kode di sini lalu klik 'Konversi'" spellcheck="false"></textarea> <br /> <div class="button-group"> <br /> <button id="convert" onclick="cdConvert();this.disabled = true;">Konversi</button><button onclick="cdClear();">Bersihkan</button></div> <ul id="wrapin"> <li><input checked="true" id="opt1" type="checkbox" />Konversi <code>&amp;</code> menjadi <code>&amp;amp;</code></li> <li><input checked="true" id="opt2" type="checkbox" />Konversi <code>&lt;</code> menjadi <code>&amp;lt;</code></li> <li><input checked="true" id="opt3" type="checkbox" />Konversi <code>&gt;</code> menjadi <code>&amp;gt;</code></li> <li><input id="opt4" type="checkbox" />Konversi <code>"</code> menjadi <code>&amp;quot;</code></li> <li><input id="opt5" type="checkbox" />Konversi <code>'</code> menjadi <code>&amp;#0000D9;</code></li> </ul> <style type="text/css"> code{font-family:Consolas,Monaco,'Andale Mono','Courier New',Courier,Monospace;color:#2AD5AD;font-size:13px;padding:2px 4px;color:#d14;} #codes{font:13px 'Courier New',Monospace;border:1px solid #B7B7B7;width:550px;height:250px;margin:0 auto;display:block;background-color:#F2BFBF;color:#000DC4;padding:15px;} .button-group{margin:0 auto 0;text-align:center} button,button[disabled]:active{border: none;padding: 5px 12px;color: #fffff;background-color: #0ea6d8;cursor: pointer;font-size: 13px;margin: 0 10px;line-height: 23px;border-radius: 3px;transition: all 0.3s ease-in-out;} button:active{background:#FFD800;} button[disabled],button[disabled]:active{background:#FFD800;} #opt1,#opt2,#opt3,#opt4,#opt5{display:inline-block;margin-right:10px;} </style> <script type="text/javascript"> function cdClear() { var wtarea = document.getElementById('codes'); wtarea.value = ''; wtarea.focus(); document.getElementById('convert').disabled = false; } function cdConvert() { var ctarea = document.getElementById('codes'), cv = ctarea.value, opt1 = document.getElementById('opt1'), opt2 = document.getElementById('opt2'), opt3 = document.getElementById('opt3'), opt4 = document.getElementById('opt4'), opt5 = document.getElementById('opt5'); cv = cv.replace(/\t/g, " "); if (opt1.checked) cv = cv.replace(/&/g, "&amp;"); if (opt2.checked) cv = cv.replace(/</g, "&lt;"); if (opt3.checked) cv = cv.replace(/>/g, "&gt;"); if (opt4.checked) cv = cv.replace(/"/g, "&quot;"); if (opt5.checked) cv = cv.replace(/'/g, "&#039;"); ctarea.value = cv; ctarea.focus(); ctarea.select(); }; </script>




Berikut Contoh Gambar Penerapan nya Di Halaman Static Blog;

Cara Mudah Memasang Tool Parse HTML Javascript



Langkah 4. Jika Sudah, Anda bisa langsung klik tombol Publikasikan.


Nah...Itulah cara singkat dan penjelasan tentang Tool Parse HTML dan cara memasangnya untuk bisa terapkan di blognya masing-masing Semoga artikel ini bermanfaat bagi sahabat semua dan Salam Blogger

Sangat mudah kan Cara Mudah Memasang Tool Parse HTML Javascript dalam sebuah blog khusus untuk blogger. Saya mengucapkan terima kasih atas kunjungannya.