Cara Membuat Text Area di Halaman Blog


Cara Membuat Text Area di Halaman Blog -- Anda pasti sering melihat gambar seperti di bawah. Space atau kolom berbentuk kotak berfungsi sebagai kontainer tulisan atau kode HTML. Dilengkapi fungsi scroll, ia dapat memuat tulisan atau kode-kode yang sangat panjang. Dan untuk memudahkan melakukan copy secara akurat, ia bisa diberi fungsi highlight. Di dunia blog itulah yang kita sebut Text Area. 

Text Area tampil seperti halaman dalam halaman. Fungsinya, selain untuk menghemat ruang dan menjaga alur tulisan tetap mengalir dan tidak semberawut, text area juga sering dibutuhkan untuk menyimpan kode HTML yang tidak bisa ditulis langsung ke dalam postingan di dalam blog.

Jika anda ingin tau cara membuat text area, ikuti langkah-langkah berikut.



Text Area tanpa Highlight (Standard)

Untuk membuat text area standard (tanpa fitur highligt), langkah-langkahnya adalah:

1.    Copy kode di bawah ini, dan paste-kan di halaman posting mode HTML. (Ingat... bukan di halaman posting biasa atau compose, tapi di halaman posting mode HTML).

 <p align="center"><textarea name="code" rows="2" cols="15"> Tulis sesuatu di sini yang ingin ditampilkan di dalam text area </textarea></p>

Tempatkan lokasi kode sesuai dengan lokasi text areayang anda butuhkan.

2.    Ganti tulisan berwarna merah dengan tulisan yang ingin anda munculkan di dalam text area.

3.    Sesuaikan angka “rows” dan angka “cols”.  Angka "rows"=3 menunjukkan tinggi dari text area, dan angka cols=”15”menunjukkan lebar text area. Anda bisa mengganti lebar dan tinggi text area sesuai kebutuhan.

4.    Jika sudah, anda bisa beralih ke halaman Compose dan lihat hasilnya. Selesai!


Text Area dengan tombol Highlight

Seperti disebutkan di atas, text area juga bisa ditambah dengan tombol Highlight untuk memudahkan melakukan copy secara akurat. Dengan hanya menekan tombol highlight seluruh isi text area akan tersorot atau terblok. Selanjutnya tinggal dicopas sesuai keperluan. Fungsi tombol ini sangat berguna untuk mencegah tertinggalnya satu atau beberapa isi dari text area.

Langkah-langkahnya adalah:

1.    Copy kode HTML yang berikut ini:

<div><form name="copy"><div align="center"><span><input onclick="javascript:this.form.txt.focus();this.form.txt.select();" value="Highlight All" type="button"> </span></div><p align="center"><textarea style="width: 150px; height: 80px;" name="txt" rows="5" wrap="VIRTUAL" cols="20">Tulis sesuatu di sini yang ingin ditampilkan di dalam text area</textarea></p></form></div>

2.    Paste-kan di halaman posting mode HTML sesuai lokasi text area yang anda inginkan.

3.    Ganti tulisan berwarna merah dengan tulisan atau kode script yang ingin ditampilkan di dalam text area.

4.    Selesai dan lihat hasilnya di halaman compose. 


Sebelum kita tutup, berikut ini beberapa penjelasan tambahan mengenai kode HTML di atas jika anda ingin melakukan perubahan tampilan text area.

1.    <div align="center"> ==> maksudnya posisi tombol akan berada di tengah. Ganti kata ”center” dengan ”left” atau ”right” jika posisi tombol ingin pindah ke kiri atau ke kanan.
2.    Value="Highlight All"==> tulisan  ”Highlight All” adalah tulisan yang akan muncul di dalam tombol. Anda bisa merubahnya dengan kata lain sesuai keinginan.
3.    <p align="center"> ==> ini menunjukan posisi text area berada di tengah. Robah kata “center” dengan “left” atau “right” jika ingin menempatkannya di kiri atau di kanan.
4.    <text style="WIDTH: 150px"> ==> ini menunjukan lebar dari text area = 150 pixel, silahkan robah sesuai kebutuhan, misalnya : "WIDTH:300px;"
5.    HEIGHT: 80px  ==> menunjukan tinggi text area =80 px, silahkan robah dengan tinggi yang diinginkan. Misal : HEIGHT:120px.
 


Demikian tips dan cara sederhana dalam membuat text area. Terimakasih sudah berkunjung dan jangan lupa tinggalkan komentar. Semoga bermanfaat!!!
_________________

 

Komentar

Posting Komentar

Postingan populer dari blog ini

Cara Copy Tulisan Arab dari Internet ke Word agar Susunan Tulisan Arab Tidak Terbalik

Gambar
Bagaimana cara menyalin atau mengcopy-paste tulisan Arab dari internet ke dalam dokumen Ms. Word? Maksudnya, agar susunan tulisan arabnya tetap terpelihara dan tidak terbalik-balik? Ini kelihatan sederhana, tapi sangat penting. Berbeda dengan copy-paste tulisan latin, copas tulisan Arab tidak bisa dilakukan langsung dari internet ke dokumen Word. Hasilnya akan berantakan. Banyak susunan kata dalam tulisan arab yang berubah tempat dan urutannya. Sehingga secara keseluruhan, struktur penulisan ayat atau hadits hasil copy-paste akan menjadi rusak dan berantakan. Inilah yang akan kita bahas dalam tips kali ini. Masalah sederhana, tapi serius. Karena dalam penulisan ayat atau hadits, perubahan satu huruf saja, akan bisa berakibat fatal. Sebab akan merubah arti dan makna secara keseluruhan. Tulisan ini terinspirasi dari banyak komentar pembaca di blog “ Belajar Islam ” yang mempersoalkan tulisan ayat al-Qur’an atau hadits yang terbalik. Salah satunya dalam tulisan “ Bacaan Dzikir yan...
Baca selengkapnya

Cara Mudah Edit File PDF, Gratis Tanpa Aplikasi Khusus PDF Editor

Gambar
Apakah Anda kesulitan mengedit file berformat PDF? Tulisan ini akan memberikan solusi mudah dan gratis bagi Anda untuk mengedit dokumen PDF, tanpa harus menggunakan aplikasi khusus PDF editor yang sulit didapat dan umumnya berbayar alias tidak gratis. PDF atau Portable Document Format adalah satu jenis format file atau dokumen yang bersifat fixed-layout (tetap dan tidak berubah-ubah). Format ini sangat populer digunakan dalam membuat e-book atau dokumen-dokumen lainnya yang memerlukan kestabilan tinggi. Kelebihan PDF terletak pada layoutnya yang bersifat stabil. Yakni, tampilan atau tata letak dokumen tidak akan berubah-ubah. Sehingga tidak perlu khawatir layout dan susunan dokumen seperti tabel, diagram, dan sebagainya akan berantakan. Tapi, selain menjadi kelebihan, justru di sini pula kelemahan dokumen PDF di sisi yang lain. Sifatnya yang fixed-layout, membuatnya tidak mudah untuk diedit, dirubah, atau dikoreksi jika terdapat kesalahan. Biasanya, untuk mengedit isi dokume...
Baca selengkapnya

Cara Membuat Judul Tabel atau Judul Kolom Otomatis di Setiap Halaman MS Word

Gambar
Cara Mengulang Judul Tabel atau Judul Kolom Otomatis di Setiap Halaman Ms. Word – Jika Anda ingin membuat tabel dengan kolom yang panjang (lebih dari satu halaman) di dokumen Microsoft Word; dan Anda ingin agar judul tabel (atau lebih tepatnya judul setiap kolom dalam tabel ) juga muncul secara otomatis di bagian atas pada setiap halaman berikutnya; maka benar, Anda sedang membaca artikel yang tepat. Memunculkan judul masing-masing kolom tabel di bagian atas setiap halaman baru, perlu agar setiap orang yang membaca tabel bisa dengan mudah mengetahui identitas masing-masing kolom yang bersangkutan. Contoh sederhana misalnya ketika kita ingin membuat absensi berbentuk tabel dengan kolom isian: Nomor, Nama, Alamat, Pekerjaan, Instansi, Nomor Telepon, dan Tanda Tangan . Dengan membuat judul kolom pada tiap halaman, maka orang tidak perlu repot harus membuka kembali halaman sebelumnya untuk mengetahui identitas masing-masing kolom isian dimaksud. Tanpa berpanjang-panjang, berikut cara...
Baca selengkapnya