Cara Membuat Text Area Pada Postingan Blog di Blogger.com

Mulyadi ID
January 14, 2021
Cara membuat text area pada postingan blog di blogspot.com. Pernahkah kamu merasa kesulitan untuk membuat kolom text area pada blog kamu.? Pengalaman saya dulu saat pertama menyentuh dunia blog, saya menemui banyak kesulitan, salah satu contoh adalah cara membuat text area di blogspot atau bagaimana cara memasang widget html color picker/color codes pada blog, dsb.

Tapi sekarang saya sudah cukup mengerti dan pada postingan kali ini saya akan memberikan tips trik blogger cara membuat text area di blogspot yang tentunya tips ini khusus buat kamu pemula yang baru menenal dunia blog, kalo yang udah master tips ini jangan dibaca ya.

Text area atau Text Box ini sangat berguna bagi kalian yang ingin menaruh tulisan berupa text ataupun kode script seperti halnya kamu ingin menaruh script kode html untuk media menukar link (exchange) ataupun tukeran banner jadi memudahkan pembaca atau teman kamu untuk copy paste text atau kode kalian.

Disini saya akan memberikan 2 tipe text area yang bisa kalian pilih sesuai dengan keperluan kamu dan kamu bisa utak atik sendiri ukuran lebar dan tingginya.

Cara Pasang Kode Text Area Pada Postingan Blog

  • Silahkan login di Blogger
  • Lalu Masuk ke design
  • Pilih add gadget dan pilih HTML/Javascript (untuk pasang area di sidebar atau footer)
  • Pilih posting baru dan klik edit HTML (untuk pasang di postingan)
  • Dan masukkan kode yang seperti di bawah ini

<div><form name="copy"><div align="center"><input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Highlight All"> </div><div align="center"></div><p align="center"><textarea style="WIDTH: 300px; HEIGHT: 144px" name="txt" rows="100" wrap="VIRTUAL" cols="55">Masukan teks kamu disini</textarea></p></form></div>


Silahkan kamu salin kode yang diatas lalu buat postingan seperti biasa dan pilih mode HTML, maka textarea pada postingan blog kamu kini tampilannya seperti kotak yang dibawah.

Sesuaikan dengan tinggi dan lebar yang kamu inginkan seperti yang kode yang berwarna merah diatas, dan tampilannya akan seperti yang dibawah ini.


Itu adalah cara yang pertama dengan tombol Highlight All untuk meng-copy seluruh tulisan.

Sekarang saya akan berikan cara membuat text area pada postingan blog di blogspot dengan cara yang kedua.

<center> <textarea cols="30" rows="3" style="background: #6b6b6b; color: white;">MASUKKAN TEKS/KODE DI SINI</textarea></center>

Silahkan salin kode yang diatas lalu buat postingan seperti biasa pilih mode HTML, maka textarea pada postingan blog kamu kini tampilannya seperti kotak yang dibawah.

Hasilnya akan nampak seperti pada kotak text area yang ada dibawah. Untuk kode #6b6b6b silahkan kamu ganti dengan kode warna yang kamu inginkan.


Demikianlah untuk postingan kali ini yang tentang cara membuat text area pada blog blogger.com yang semoga dimana postingan ini dapat membantu bagi yang masih bingung dalam membuat text area pada blog.