Cara Membuat Text Area di Blog

Cara Membuat Text Area di Blog – Cara memasang text area/teks area di blog atau cara menampilkan kode html dalam postingan blog agar mudah dicopy.

Setelah kemarin ane posting sebuah artikel yang cukup bagus dengan judul cara membuat judul blog bergerak, maka kali ini saya akan posting artikel yang cukup menarik dan berguna juga berjudul cara membuat text area di blog. Semua pasti sudah tau kan apa text area itu? Oke, jika ada yang belum tau ane jelasin sedikit. Text area adalah tempat untuk meletakkan atau menyimpan teks atau tulisan-tulisan yang kita anggap penting dalam area/tempat baru, misalnya kode-kode html atau teks artikel yang penting. Dengan membuat teks area di blog kita maka akan mempermudah para pengunjung yang ingin mengcopy dalam teks are tersebut. Nah, sudah faham kan? Oke Cara membuat text area

  • Dalam penulisan postingan baru, silahkan pindah ke mode Edit HTML lalu pastekan kode di bawah di bagian postingan yang sobat inginkan:
<p align=”center”><textarea name=”code” rows=”6″ cols=”20″>Seowaps adalah pandua blogger, tips blogger tips seo dan panduan seo terlengkap
</textarea></p>

Maka jadinya nanti seperti ini: 

Selain model text area di atas,

 text area di atas, ada juga text area dengan model lain. Yaitu teks area yang memakai tombol Highlight dan dengan tombol ini maka akan lebih mempermudah pengunjung yang ingin mengcopy kode dalam text area tersebut karena hanya dengan sekali klik saja. Untuk membuatnya cukup mudah dan berikut cara membuat teks area dengan tombol highlight:

  • Dalam penulisan postingan baru, silahkan pindah ke mode Edit HTML lalu pastekan kode di bawah di bagian postingan yang sobat inginkan:

<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″>Seowaps adalah pandua blogger, tips blogger tips seo dan panduan seo terlengkap</textarea></p></div></form>

jadinya nanti seperti ini: 

Nah, bagaimana sobat? Mudah kan cara membuatnya..? Sekian posting kali ini mengenai cara membuat text area di blog. Semoga bermanfaat untuk semua..

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *