Halaman Teks Editor Untuk Menulis

Halaman Teks Editor Untuk Menulis - Jika menulis sebuah artikel blog secara langsung dalam formulir  teks editor COMPOSE akan sangat sulit mengoreksi tata bahasa, seperti kesalahan ketik dan menganalisa cerita tulisan agar enak untuk dibaca, sehingga hanya untuk membuat 1 posting artikel blog saja akan membutuhkan waktu yang cukup lama. Saat mendapatkan sesuatu inspirasi untuk bahan tulisan akan lebih baik menyalin cerita tersebut terlebih dahulu untuk ditulis kesebuah kertas kosong atau catatan kecil, sehingga saat akan memindahkannya untuk membuat posting blog, kita tidak lagi repot-repot untuk mengoreksi teks tersebut. Tinggal di Copy lalu Pastekan pada formulir kosong mode tulis HTML/Compose pada blog, lalu publikasikan tulisan, lebih mudah dan praktis.

Menumbuhkan Ide Inspirasi Menulis Melalui Blogwalking bisa Anda jadikan acuan untuk mencari bahan tulisan posting Anda berikutnya, hal apa yang Anda temukan saat blogwalking, maka pindahkan pemikiran itu dalam sebuah catatan kecil dan tuliskan. Hal ini akan dapat membantu saat Anda membuat artikel menjadi mudah untuk menyambung teks itu dengan ide-ide Anda yang lain. Tapi pertanyaannya bagaimana jika Anda sedang online menggunakan jasa "WARNET", tidak mungkin meminta selembar kertas kosong kepada operator penjaga warnet bukan.? belum lagi meminjam pulpen beliau, hehe..!!

Pekerjaan Anda untuk membuat posting blog sementara akan saya permudah, Anda tidak perlu lagi catatan kecil atau kertas buram (sele-sele) untuk menulis bahan cerita sementara, dan Anda bisa melakukannya saat online sekalipun itu di warnet pada Halaman Teks Editor Untuk Menulis versi SAHABAT BLOGGER 77 seperti ini:




DEMO SHOW



Teks editor ini saya desain semirip mungkin dengan halaman formulir HTML/Compose yang ada pada blog, seperti:

1. Teks Tebal (bold)
2. Teks Miring (italic)
3. Garis Bawah (underline)
4. Teks Rata Kiri (justify-left)
5. Teks Tengah (justify-center)
6. Teks Rata Kanan (justify-right)
7. Menyisipkan Gambar (upload/add image)
8. Warna Teks (font color)

Namun untuk tag heading option dan jenis font tidak saya sertakan, karena pilihan itu nanti bisa Anda gunakan saat tulisan sudah Anda Pastekan pada halaman menulis blog seperti tampilan gambar berikut:

BACA JUGA YUKK..!!

Cara Membuat Panel Slide Halaman Posting



Agar pekerjaan Anda untuk menulis lebih mudah lagi, cukup Copy semua kode dibawah ini, lalu simpan pada laman blog Anda, sehingga saat Anda membutuhkannya untuk membuat tullisan posting sementara akan lebih mudah Anda temukan. Kode lengkapnya seperti ini:

<style type='text/css'>
* {margin:0;padding:0}
#layout {margin:0 auto}
#text-title {
  color: #fff;font: bold 10pt 'arial', sans-serif;
  margin: 0.5em 16px 0 8px;  float: left;clear: none}

#editor {font: 300 10pt arial;overflow:auto;padding: 8px;border: 1px solid #333}
#menu-toolbar {
  font: 10pt arial;background: green;
  margin: 0 0 6px 0;padding: 6px;
  border-radius:8px 8px 0 0;border-bottom:2px solid red}

button:hover {background: #00dd77}
button:active {background: #00aa55;transform: translate( 1px, 1px )}
button {font: 10pt arial;background: #00cc55;padding: 6px;border:none}
</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="https://s-blogger77.googlecode.com/svn/trunk/rich-text-editor.js"></script>
<link rel="stylesheet" href="URL-Blog Anda/resources/demos/style.css">
<div id="layout">
<div id="menu-toolbar">
<div id="text-title">
Text Editor :</div>
<button id="bold" onclick="makeBold()"> Bold </button><button id="italic" onclick="makeItalic()"> Italic </button><button id="underline" onclick="doUnderline()"> Underline </button><button onclick="justifyLeft()"> Justify Left </button><button onclick="justifyCenter()"> Justify Center </button><button onclick="justifyRight()"> Justify Right </button><button onclick="doAddImage()"> Add Image </button><button onclick="doSetTextColor()"> Set Text Color </button></div>
<div id="editor" contenteditable="true">
KLIK, lalu tulis sesuatu disini...</div>
</div>

Nah..!! setelah ini cerita apa yang akan Anda tuliskan disana untuk membuat artikel blog selanjutnya, lebih mudah dan menarik bukan.!! semoga terinspirasi. Terimakasih.