Cara Mudah Membuat Text Area di WordPress

Untuk memberikan kesan menonjol kepada beberapa bagian dalam artikel atau post, anda bisa membuat penegasan dengan memberikan warna latar berbeda, atau memberikan batasan dengan kotak text area. Anda harus menyisipkan sedikit script html text area di postingan anda. Cara mudah membuat text area dalam artikel ini dapat anda ikuti dengan langkah-langkah berikut.

1. Saya asumsikan anda sudah bisa membuat artikel dalam blog anda. Maka anda buka tab mode HTML/Text (bukan yang visual).

2. Copy kemudian paste kan script-script di bawah ini, ke area yang anda inginkan.

1 <div style="overflow: auto; width: 500px; height: 100px;
2 background-color: #c1eeec; text-align: justify; padding: 5px;border: 3px solid #999999;">Contoh text area yang dibuat dengan script ini. </div>

Penjelasan:

Anda bisa merubah value masing-masing parameter untuk mendapatkan gaya tampilan yang sesuai dengan yang anda inginkan. Untuk meng-copy kode diatas, silahkan:

  • klik tombol kedua untuk langsung copy ke clipboard (pojok kanan atas kotak script diatas). Nanti anda tinggal pastekan di area yang anda inginkan dalam post anda.
  • atau klik tombol pertama untuk mengcopy dari halaman terpisah “view source”. dari situ anda bisa mengcopynya, lalu nanti tinggal pastekan di area yang anda inginkan dalam post anda.

Contoh text area dengan menggunakan script ini adalah seperti dibawah ini:

Contoh text area yang dibuat dengan script 1.
Contoh text area yang dibuat dengan script ini

3. Anda bisa otak atik value dalam script tersebut. Parameter yang bisa anda rubah adalah pada tulisan yang berwarna hijau, ganti dengan ukuran atau value sesuai keinginan anda:

  • width : (500px)lebar text area.
  • height: (100px) tinggi text area.
  • background-color: (#c1eeec), warna latar area text.
  • text-align: (justify), jenis perataan text.
  • padding: (5px): jarak antar tulisan dengan border.
  • border: (3px solid #999999) ketebalan garis pinggir, jenis garis, dan warna garis.
  • Ganti tulisan “Contoh text area yang dibuat dengan script ini. ” dengan isi tulisan yang ingin anda tampilkan dalam text area.

4. Jika sudah selesai mengedit, silahkan lihat hasilnya dengan menekan tombol “Preview”.

5. Jika sudah yakin benar, silahkan klik tombol “Publish” artikel anda.

Semoga bermanfaat.🙂

2 thoughts on “Cara Mudah Membuat Text Area di WordPress

Terimakasih atas kunjungan Anda. Kritik dan saran dapat disampaikan pada kotak komentar, ya! Silakan tinggalkan komentar Anda dengan sopan.

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s