2. Silahkan masuk ke Buat Entri
3. Selanjutnya, buat entri dalam mode HTML dengan mengklik tulisan HTML yang ada di samping Compose
4. Langsung saja copy paste kode HTML dibawah ini dan silahkan paste di kolom yang tersedia
<form method="post" name="form1">
<textarea name="code" onclick="focus(this.code)" style="border: solid 1px #cccccc; box-shadow: 5px 5px 5px #CCCCCC; color: black; font-family: Courier New, Monospace, Courier; font-size: 14px; font-weight: normal; height: 400px; margin: 0px; padding: 5px; scroll: auto; width: 100%;">Masukkan Script atau HTML disini Jona Rendra</textarea></form>
<button onclick="preview.document.write (document.getElementsByTagName ('TEXTAREA')[0].value); preview.document.close(); preview.focus()">Preview</button><button onclick="window.document.form1.code.value='';preview.document.write (document.getElementsByTagName ('TEXTAREA')[0].value); preview.document.close(); preview.focus()">Clear </button><span style="color: white;"><a href='http://jonarendra.blogspot.com/'>Jona Rendra</a><span>
<iframe frameborder="0" name="preview" src="about:blank" style="background: #ffffff; border: solid 1px #cccccc; box-shadow: 5px 5px 5px #CCCCCC; height: 400px; padding: 5px; width: 100%;"></iframe>
5. Terakhir klik Publikasikan dan widget HTML Editor ini pun sudah muncul.
Mudah kan untuk Membuat Alat HTML Editor Di Postingan Blog? Sebelumnya juga saya sudah share alat yang unik lho. Namanya Widget Color Picker. Dijamin bermanfaat dan menarik untuk dipasang di blog.
Itulah artikel dari Jona Rendra yang berjudul Cara Membuat Alat HTML Editor Di Postingan Blog, semoga bisa dapat dengan mudah anda lakukan. Apabila ada pertanyaan dan pendapat mengenai Cara cara diatas, anda bisa kirim lewat komentar dibawah.