Membuat Text Area Pada Blog

Kode HTML memang belum tentu bisa di tampilkan di postingan kita, dan kita dapat menampilkannya dengan menggunakan Text Area.
Selain berguna untuk menampilkan kode HTML di postingan, kita juga dapat menggunakan text area sebagai tempat untuk menampilkan kode HTML untuk memudahkan pengunjung copy kode HTML tersebut.
Lalu bagaimana caranya?

Untuk membuat Text Area masukkan kode Text Area pada postingan dan anda juga dapat menepatkan pada widget bar untuk menampilkan kode untuk Link Exchange atau yang biasanya disebut tukar Link ke blog anda.

Berikut ini kode untuk Text Area :

<p align="center"><textarea name="code" rows="6" cols="20"> Simpan Text atau kode HTML disini </textarea></p>

maka hasil yang akan anda dapat yaitu :

Simpan Text atau kode HTML disini

Ada juga Text Area dengan tampilan lain, yaitu dengan tombol "Highlight All" pada Text Area tersebut.
oiya mungkin anda sudah tahu bahwa fungsi Highlight All adalah mem-blok semua kalimat jadi anda tidak perlu susah payah untuk mem-blok kalimat, langsung saja ..

Kode Text Area dengan tombol "Highlight All" :

<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"> Ganti tulisan ini menjadi kode HTML yang ingin anda tampilkan </textarea></p></div></form>

Maka hasilnya akan seperti ini :

Ganti tulisan ini menjadi kode HTML yang ingin anda tampilkan

Ada satu lagi yang harus anda perhatikan yaitu jika anda ingin text area tersebut berada di tengah, maka berikan kode <center> pada awal kode, dan </center> di akhir kode tersebut.

Catatan : tulisan yang berwarna merah dapat di ganti dengan kode atau tulisan lain anda, dan untuk tulisan "Highlight All" dapat anda ganti sesuai selera anda.

Selamat Mencoba

Posted in: Blogger,Tips n Trick