Membuat Kotak Editor HTML di Blog

Membuat Kotak Editor HTML di Blog - Untuk membuat kotak script edit HTML di postingan blog sangat mudah. Semudah kita ngaji alif ba' ta'. Tinggal copas kode berikut ini di body post manhaj HTML di kanan compos post blog, nanti akan muncul sendiri. Otomatis.

Membuat Kotak Editor HTML di Blog

Caranya mudah.

Masuk Blogger.com. Pilih blog antum yang ingin dikasi kode editor HTML ini.
Klik buat entri baru mode (manhaj) HTML. Jangan Compose.
Taruh di post kode berikut ini. Sekarang, ayo coba!

<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 di sini</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://www.kiaiblogger.com/'>kiaiblogger.com</a><span>

<iframe frameborder="0" name="preview" src="about:blank" style="background: #ffffff;

Jika hasilnya tidak seperti tampilan di bawah ini, maka antum harus ngaji bloging lebih lanjut. Kiai hanya menunjukkan jalan ngeblog. Yang menentukan hidayah hanya Allah SWT. (kiaiblogger.com)

kiaiblogger.com