Membuat Kode Parse HTML sendiri di Blogger
Cara yang biasa dilakukan adalah dengan menempelkan kode script iklan adsense di area parser/converter tools, lalu klik kolom kosong di bawahnya. Kemudian akan muncul kode iklan adsense yang di parsing/convert atau kode html yang anda gunakan untuk tutorial bisa ditampilkan di halaman tanpa running.
lalu bagaimana cara membuat tool Parse HTML seperti diatas? Ini adalah cara membuat parse HTML sendiri di blog kita, bisa ditaruh di halaman blog atau bisa juga ditaruh di postingan blog kita sendiri.
oke di tutorial kali ini kita akan membahas cara membuat parse html terbaru di blog atau website kita masing-masing, kode ini bisa anda tempatkan dimana saja jika anda mau, demo yang di posting seperti tool diatas :
Silakan salin saja kode parse Alat HTML di bawah ini.
<span style="font-family: "arial" , "courier" , monospace; font-size: large;"><b><br /></b></span>
<span style="font-family: "arial" , "courier" , monospace; font-size: large;"><b>Small Tool Parse HTML</b></span></div>
<center>
<b><div class="style1">
<span style="font-family: "arial" , "courier" , monospace;"><i><br /></i></span></div>
</b></center>
<center>
<b>
<div style="text-align: center; width: 100%;">
<div style="margin: 0 auto; padding: 0; width: 100%;">
<div id="mainDiv" style="padding: 2px 0;">
<textarea cols="20" id="tarea" onfocus="code_check();" rows="10" style="font-size: 12px; height: 211px; margin: 0px; width: 591px;"></textarea>
<br />
<div style="margin: 0 auto; padding: 5px 0;align:left;float:left;width:100%;">
<b><button onclick="code_convert();" style="margin-right: 5px;" type="button"><span style="font-family: "arial" , "helvetica" , sans-serif; font-size: large;">Parse Kode HTML</span></button>
<button onclick="code_clear();" style="margin-left: 5px;" type="button"><span style="font-family: "arial" , "helvetica" , sans-serif; font-size: large;">Clear</span></button> </b></div>
</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,"&");
var toConvert=toConvert.replace(/'/g,"'");
var toConvert=toConvert.replace(/"/g,""");
var toConvert=toConvert.replace(/</g,"<");
var toConvert=toConvert.replace(/>/g,">");
ctarea.value=toConvert;ctarea.focus();ctarea.select();};
</script>
</b></center>
</div>
</div>Pikirkan tentang itu, teman, bagaimana? sekarang Anda dapat membuat parser HTML Anda sendiri kan? ^_^
Semoga ilmu ini bermanfaat, jangan lupa bagikan ke teman-teman kalian agar mereka juga tahu cara membuat sendiri HTML Code Parse yang sudah teruji untuk dijalankan.
Walaupun peminatnya sangat sedikit, mungkin jarang ada orang yang memasang alat parse pada konten blog. Apa yang sedang Anda coba lakukan...
HTML, JAVASCRIPT, PHP Fungsi Kode Parse
Jadi buat kalian yang punya Blog Tutorial, entah itu pemrograman html atau bahkan tutorial Blogger seperti RahmanCyber, Divisi Tutorial Blogger, ini adalah hal yang penting... hehe
Jadi kenapa penting, sangat penting, terutama jika kode posting Anda dapat dengan mudah aktif di blogger, misalnya HTML, PHP, Javascript. Jika Anda memaksa langsung menulis kode HTML, PHP, Javascript di Blogger, maka otomatis kode tersebut akan aktif, meskipun Anda telah mengapitnya dengan kode Pre dan Code.
Jujur saya sudah pernah coba ini, saya bahkan pernah mencoba TextArea, tapi begitulah, kodenya bisa diaktifkan, dan ketika Anda mengeditnya ... Buuummm, saya kehilangan kode yang Anda ketik. Ini panjang.
Nah itulah salah satu fungsi dari Parse Code Tool.
Apa fungsi lainnya?
Fungsi lain yang biasanya memainkan adsense, sebelum semuanya diotomatisasi oleh Google, kita membutuhkan tool ini untuk menyematkan kode adsense di blog... eh, kalau manual masih perlu kan?
Karena kita juga perlu, misalnya, bahwa iklan ingin diperbaiki, kita menampilkannya di tengah posting, di mana kita harus meletakkannya di html edit, bukan di Widget ... Jadi kita perlu mengurai kode dulu.
Oleh karena itu, jika Anda bisa membuat Alat Kode Parse sendiri, ada baiknya ... Anda tidak perlu melihat situs tetangga ... ehehe e
Apa itu HTML, Javascript, PHP Parse Code?
Oke, saya jelaskan... Parse HTML, Javascript, PHP adalah alat untuk mengubah kode HTML, Javascript, dan PHP menjadi karakter tidak aktif alias teks biasa. Mengapa kita harus mengurai kode HTML, PHP, Javascript? Karena tema blogger ini menggunakan format XML. Sedangkan di XML sendiri, dia bisa membaca kode HTML, Javascript dan PHP.
Jadi ketika kamu menulis kode bahkan di postingan, kode itu akan tetap aktif... ya, sesederhana itu. Jadi, kita perlu mengurai kode terlebih dahulu.
Berikut adalah contoh kode HTML, Javascript, PHP yang berubah ketika dikonversi menggunakan konverter/parse skrip semacam ini.
- dari < ke <
- dari > ke >
- dari " ke "
- dari untuk '
- dari & ke &
Nah, sebenarnya manipulasi itu ada di kodenya, karena dengan mengubah beberapa karakter yang sering muncul, kode yang sobat buat menjadi tidak aktif.
Parse Kode HTML, JAVASCRIPT, PHP Versi 2
- Buka dashboard blogger Anda terlebih dahulu.
- Pilih menu “ Halaman ” atau “ Halaman ” Statis atau bisa juga di Posting
- Buat Halaman baru dengan mengklik tombol " Halaman Baru " di bagian atas jika di Halaman Statis, atau "Posting Baru" jika di halaman Posting.
- Setiap halaman Statis dan Posting Ada dua pilihan mode yaitu Compose dan HTML, jika ingin menulis paragraf pembuka silahkan pilih mode Compose terlebih dahulu , lalu pilih mode HTML untuk meletakkan kode.
- Copy dan paste Script HTML Parse Box, JAVASCRIPT, PHP versi 2 di bawah ini
<script type="text/javascript">
function convert(){var ele1 = document.getElementById("somewhere");var replaced;replaced = ele1.value;replaced = replaced.replace(/&/ig, "&");replaced = replaced.replace(/</ig, "<");replaced = replaced.replace(/>/ig, ">");replaced = replaced.replace(/"/ig, """);replaced = replaced.replace(/±/ig, "±");replaced = replaced.replace(/©/ig, "©");replaced = replaced.replace(/®/ig, "®");replaced = replaced.replace(/ya'll/ig, "ya'll");ele1.value = replaced;}
</script><br />
<table style="margin:0 auto"><tbody>
<tr> <td><textarea id="somewhere" style="background: none repeat scroll 0% 0% rgb(248, 248, 248); border: 1px solid rgb(204, 204, 204); height: 300px; width: 550px"></textarea><br/>
<input onclick="convert();" style="padding: 5px;" type="button" value="Parse Script" /></td> </tr>
</tbody></table>Oke, Terbitkan segera! Holaaa berhasil itu berhasil hore!
Demikian cara membuat parse code Html, Javascript, PHP Versi 2 semoga bermanfaat... Bagi sobat Blogger yang masih belajar... dan sobat blogger yang sudah pernah, tapi lupa ^_^
Perhatian! Langsung saja paste kode CSSnya, karena tidak aktif jika tidak dipanggil...
Hasil Uji Kode Parse HTML, Javascript, PHP
Berikut hasil kajian kita sobat... Hasilnya kurang lebih seperti ini... dan tool Parse sudah VALID HTML 5
Join the conversation