Cara Membuat Text Area Pada Postingan Di Blog

Cara Membuat Text Area Pada Postingan Di Blog

Cara Membuat Text Area Pada Postingan Di Blog

cara membuat text area di postingan blogCara Membuat Text Area Pada Postingan Di Blog – Hallo sobat blogger semua, jumpa lagi nih dengan parno. Pa kabar hari ini sehat ya..alhamdhulillah saya dan keluarga juga dalam keadaan sehat kok, semoga alloh SWT selalu melimpahkan kerberkahan untuk kita semua..amin.

Ok sobat, pada postingan kali ini saya ingin share tentang cara membuat text area pada postingan di blog kita. Yang mana pada waktu-waktu tertentu terkadang kita ingin menempatkan sebuah kode script di postingan kita agar bisa di download oleh orang lain.

Namun terkadang kode script yang mau kita pasang tersebut terlalu panjang dan banyak sehingga akan memakan tempat di psotingan kita kalo hanya kita copy paste aja. Untuk itu kita memerlukan sebuah text area untuk menaruh kode-kode tersebut agar lebih menghemat tempat di artikel kita.

Adapun jenis Text area ada 2 yaitu text area yang menggunakan tombol atau juga tanpa menggunakan tombol. Dan kabar baiknya kedua cara membuat text area di blog tersebut akan saya share di semua di artikel ini, ok langsung cek ke TKP..

Baca juga: Cara Mengetahui Kapan Blog atau Website Di Buat

Silahkan ikuti langkah-langkahnya berikut :

1. Masuk ke akun dasboard wordpress Anda

2. Buatlah sebuah artikel baru pada mode Compose / mode biasa. Kecuali kode script Text Area, letakkan kode tersebut pada mode HTML. (lihat gambar 1)

3. Apabila Anda akan meletakkan kode script Text Area ini, sebaiknya letakkan kode script tersebut pada mode HTML. (lihat gambar 1)

cara membuat text area di postingan blog

4. Letakkan kode script berikut :

– Kode Script Text Area Tanpa Tombol :

<p align=”center”><textarea name=”code” rows=”2” cols=”60“> Tuliskan Teks di sini </textarea></p>

Untuk preview atau hasilnya bisa di lihat gambar berikut :

Keterangan :

  • Untuk angka “2” diatas adalah tinggi teks area. (kalo kurang tinggi bisa di naikkan angkanya sesuai keinginan)
  • Untuk angka “60” diatas adalah lebar teks area. (kalo kurang lebar bisa di naikkan angkanya sesuai keinginan)
  • Untuk tulisan “Tuliskan Teks di sini” (isi dengan tulisan yang atau kode script yang ingin anda taruh dalam text area)

Dan untuk cara membuat text area di postingan blog dengan menggunakan tombol anda bisa letakkan kode text area seperti di bawah ini:

– Kode Script Text Area Dengan Tombol :

<div><form name=”copy”><div align=”center”><span><input onclick=”javascript:this.form.txt.focus();this.form.txt.select();” value=”Select All” type=”button”> </span></div><p align=”center”><textarea style=”width: 500px; height: 80px;” name=”txt” rows=”5″ wrap=”VIRTUAL” cols=”20″>Tuliskan Teks di sini</textarea></p></form></div>

Untuk preview atau hasilnya bisa di lihat gambar berikut :

Keterangan :

  • Untuk angka “80” diatas adalah tinggi teks area. (kalo kurang tinggi bisa di naikkan angkanya sesuai keinginan)
  • Untuk angka “500” diatas adalah lebar teks area. (kalo kurang lebar bisa di naikkan angkanya sesuai keinginan)
  • Untuk teks <div align=”center”> adalah posisi Tombol / Button. kalau ingin di ganti posisinya tinggal ganti left atau right.
  • Untuk teks <p align=”center”> adalah posisi teks area. kalau ingin di ganti posisinya tinggal ganti left atau right.

Demikian artikel saya mengenai cara membuat text area pada postingan di blog. Mudah – mudahan bisa bermanfaat bagi sobat blogger. selamat mencobanya.

Leave a Reply

Your email address will not be published. Required fields are marked *