Pada tutorial kali ini saya akan membagikan tips bagaimana Cara Mudah Membuat Tool Parse Html Pada Halaman Blogger. Tool Parse HTML adalah alat yang digunakan untuk menguraikan atau mengkonversi kode pemrograman, seperti CSS, HTML dan JavaScript agar menghidari terjadinya error pada struktur blog dikarenakan terdapatnya lebih dari satu instruksi yang ada harus di lakukan bersamaan.
Kenapa kita harus menggunakan parse html ?
Parse HTML ini banyak digunakan agar menghidari terjadinya error pada struktur blog dikarenakan terdapatnya lebih dari satu instruksi yang ada harus di lakukan bersamaan. Sebagai contoh jika kita ingin menempatkan banyak kode Iklan AdSense di HTML blog kita secara manual lebih dari satu, maka kita harus mengkonversiya terlebih dahulu untuk menghindari terjadinya error pada struktur blog kita.
Jika anda pengguna blogger dan sering menggunakan Tool Parse HTML, dari pada harus mengunjungi situs konversi di situs lain berulang kali, lebih baik anda memasang nya sendiri pada halaman page blogger anda. Jadi bila anda tertarik berikut adalah adalah langkah-langkah yang kalian harus lakukan.
Cara Mudah Membuat Tool Parse Html Pada Halaman Statis Blogger
1. Masuk ke Blogger > pilih menu Halaman > pilih Buat Halaman Baru
2. Kemudian Masuk ke mode HTML (Bukan Compose) > selanjutnya letakkan kode ini dalamnya
3. Jangan lupa Isi Judul halaman anda > kemudian pilih Publikasikan
2. Kemudian Masuk ke mode HTML (Bukan Compose) > selanjutnya letakkan kode ini dalamnya
<textarea id="codes" placeholder="Tulis/salin kode anda di sini kemudian pilih 'Konversi'" spellcheck="false" style="height: 158px; margin: 0px; width: 951px;"></textarea>
<div class="button-group">
<button id="convert" onclick="cdConvert();this.disabled = true;">Konversi</button><button onclick="cdClear();">Bersihkan</button></div>
<input checked="true" id="opt1" type="checkbox" />Konversi <code>&</code> menjadi <code>&amp;</code>
<input checked="true" id="opt2" type="checkbox" />Konversi <code><</code> menjadi <code>&lt;</code>
<input checked="true" id="opt3" type="checkbox" />Konversi <code>></code> menjadi <code>&gt;</code>
<input id="opt4" type="checkbox" />Konversi <code>"</code> menjadi <code>&quot;</code>
<input id="opt5" type="checkbox" />Konversi <code>'</code> menjadi <code>&#039;</code>
<ul></ul>
<style type="text/css">
code{font-family:Consolas,Monaco,'Andale Mono','Courier New',Courier,Monospace;color:#2a5ead;font-size:13px;padding:2px 4px;color:#d14;}
#codes{font:13px 'Courier New',Monospace;border:1px solid #e9e9e9;width:550px;height:250px;margin:0 auto;display:block;background-color:#f3f3f3;color:#333;padding:15px;}
.button-group{margin:0 auto 0;text-align:center}
button,button[disabled]:active{border: none;padding: 9px 72px;color: #fff;background-color: #2fc8b4;cursor: pointer;font-size: 17px;margin: 0 10px;line-height: 23px;border-radius: 3px;transition: all 0.3s ease-in-out;}
button:active{background:#2fc8b4;}
button[disabled],button[disabled]:active{background:#e9405c;}
#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, "&");
if (opt2.checked) cv = cv.replace(/</g, "<");
if (opt3.checked) cv = cv.replace(/>/g, ">");
if (opt4.checked) cv = cv.replace(/"/g, """);
if (opt5.checked) cv = cv.replace(/'/g, "'");
ctarea.value = cv;
ctarea.focus();
ctarea.select();
};
</script>3. Jangan lupa Isi Judul halaman anda > kemudian pilih Publikasikan
Demikian tutorial mengenai Cara Mudah Membuat Tool Parse Html Pada Halaman Blogger. Bila anda merasa kesulitan menerapkan tutorial di atas pada blog kalian, jangan sungkan untuk bertanya pada kolom komentar dibawah. Semoga informasi yang diberikan bermanfaat dan sampai jumpa pada tutorial berikutnya.