Cara Menciptakan Alat Parse Html (Html Converter) Di Blogger


Alat parse HTML atau yg biasa dianggap sebagai Converter HTML merupakan sebuah alat khusus yg sering dipakai untuk menggunakan konversi terhadap arahan pemrograman, seakan-akan dengan HTML, CSS, atau Javascript.

Bagi para blogger sendiri tool parse HTML ini merupakan pecahan yg cukup penting, terlebih lagi bagi mereka yang sering kali membagikan postingan berupa kode-kode pemrograman.

Tak hanya itu saja, bagi anda yang ingin menempatkan iklan Google Adsense kedalam blog, pula memerlukan tool parse HTML.

Oleh alasannya yaitu manfaatnya yang cukup penting, tidak jarang banyak blogger yg bersusah payah mencari tool ini di Google. Tapi tahukah kamu bahwa sekarang anda mampu menciptakan alat parse HTML anda sendiri loh. Jadi anda tak akan susah-susah lagi mencari tool ini di Google maupun di blog orang lain.

Untuk cara menciptakan alat parse HTML ini mampu dikatakan sangat gampang, kamu hanya perlu membuka halaman kosong di blog anda, serta lalu menambahkan beberapa arahan saja. Nah buat lebih jelasnya kamu mampu memperhatikan cara pembuatan tool parse HTML berikut:

1. Masuk ke blogger
2. Pada dashboard pilih Halaman>Halaman Baru
3. Masuk ke mode "HTML" (Bukan "Compose")
4. Lalu masukkan arahan berikut kedalam laman tersebut
<textarea id="codes" placeholder="Tulis/paste arahan di sini lalu klik 'Konversi'" spellcheck="false"></textarea> <div class="button-group"><button id="convert" onclick="cdConvert();this.disabled = true;">Konversi</button><button onclick="cdClear();">Bersihkan</button></div><br /><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;#039;</code></li></ul><style type="text/css">codefont-family:Consolas,Monaco,'Andale Mono','Courier New',Courier,Monospace;color:#2a5ead;font-size:13px;padding:2px 4px;color:#d14;#codesfont: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-groupmargin:0 auto 0;text-align:centerbutton,button[disabled]:activeborder: none;padding: 5px 12px;color: #fff;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:activebackground:#3f92e1;button[disabled],button[disabled]:activebackground:#3f92e1;#opt1,#opt2,#opt3,#opt4,#opt5display: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>
5. Lakukan "Pratinjau" buat mengetahui hasilnya
6. Jika telah betul, silahkan klik "Publikasikan"


Bagaimana sobat-sobat, mudah sekali bukan? Hanya beserta menambahkan script arahan saja anda telah dapat menciptakan alat parse HTML kamu sendiri, jadi mulai sekarang kamu dapat menggunakan alat parse HTML buatan anda sendiri ya.

Itu saja yang dapat saya sampaikan, semoga cara yang saya bagikan ini mampu bermanfaat ya. Akhir ungkap saya ucapkan terimakasih serta hingga jumpa.

0 Response to "Cara Menciptakan Alat Parse Html (Html Converter) Di Blogger"

Post a Comment

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel