Cara Membuat HTML Editor di Blog dengan Mudah - Dalam membangun sebuah blog, terkadang kita memerlukan yang namanya HTML Editor, entah itu untuk melaksanakan demo artikel atau kita gunakan untuk menguji coba script yang kita buat. Sebenarnya apa sih HTML Editor itu? HTML editor ialah sebuah form yang dipakai untuk melihat hasil atau output dari sebuah instruksi HTML. Sebenarnya sudah banyak website yang menyediakan HTML editor secara online. Tapi bila kita dapat menciptakan sendiri kenapa harus membuka web orang lain?
Dengan menciptakan HTML editor di blog kita, hal tersebut juga berpotensi menambah visitor blog kita. Dikarenakan aneka macam blogger yang memerlukan HTML editor ini sehingga HTML editor ini banyak yang mencari. Apabila HTML editor kita berada di Page One, tentu kita akan mendapat benyak pengunjung dari situ. Lalu bagaimana sih
cara menciptakan HTML editor diblog dengan mudah?
 |
| Cara Membuat HTML Editor di Blog dengan Mudah |
Cara menciptakan HTML editor diblog dengan mudah
Dikarenakan aneka macam laba menciptakan HTML editor diblog kita, akan lebih baik bila kita membuatnya sendiri di blog kita. Bagaimana sih caranya menciptakan HTML editor? Caranya cukup gampang kok. Langsung saja.
1. Pertama, kalian masuk dulu ke
dashboard blogger anda.
2. Setelah itu buat halaman baru, dengan cara klik
Halaman ->
Halaman Baru ->
HTML 3. Pastekan instruksi diini pada kotak HTML yang telah disediakan
<div style="text-align: center;"> <b><a href="belajar ngebblok/" target="_blank"><span style="font-size: large;">HTML Editor</span></a></b></div> <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: 200px; margin: 0px; padding: 5px; scroll: auto; width: 100%;"></textarea></form> <div style="text-align: center;"> <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;"> </span></div> <div style="text-align: center;"> <span style="color: white;"> </span></div> <span style="color: white;"><iframe frameborder="0" name="preview" src="about:blank" style="background: #ffffff; border: solid 1px #cccccc; box-shadow: 5px 5px 5px #CCCCCC; height: 70px; padding: 5px; width: 100%;"></iframe></span>
 |
| Masukan instruksi di kolom HTML |
4. Publikasikan, Hasilnya kira kira akan menjadi menyerupai ini.
 |
| Hasilnya menyerupai ini |
Bagaimana? Cukup gampang bukan
cara menciptakan HTML editor diblog. Sekarang anda tidak perlu membuka web lain untuk memakai HTML editor dikarenakan blog kita sudah memilikinya sendiri. Jangan lupa juga untuk membaca artikel aku wacana
cara menciptakan tabel responsive di blog. Terimakasih telah berkunjung di
www.bloggerkoplo.com. Salam koplo.
0 Komentar untuk "Cara Menciptakan Html Editor Di Blog Dengan Mudah"