2.Membuat Text Area

Panduan Web dan Blog
1.Membuat Artikel Terkait
2.Membuat Text Area
3.Membuat text melayang
4.Membuat Link Download
5.Membuat Menu DropDown
6.Membuat 3 Kolom Dibawah Header
7.Membuat 3 Kolom Diatas Footer
8.Menghilangkan Navbar
9.Membuat Background Posting
10.Membuat Background Gambar
11.Membuat Link Backlink
12.Membuat Status YM Online
13.Pasang Widget SMS
14.Mengganti Icon Blogger
15.Membuat Menu Artikel Menjadi 2 Bagian
16.Membuat-typing-text-

Cara Membuat Text Area di Blog dan Web

Text area adalah suatu form yang disediakan untuk menulis kode HTML agar bisa ditampilkan di halaman posting atau di sidebar untuk berbagai keperluan, seperti membuat artikel, membuat LinkExchange, dll.

 Ini adalah Kodenya :

Copy dan Paste  Kode Berikut :

Atau pada  Box TextArea

<p align="left"><textarea name="code" rows="40" cols="20">kode Anda di sini</ textarea></p>
<p>

dan Ini Adalah Hasilnya :

<p align="left"><textarea name="code" rows="40" cols="20">kode Anda di sini</ textarea></p> <p></ textarea></p> <p>

Untuk membuat textarea yang ketika diklik tulisan dalam textarea akan langsung terpilih semua (HighLight), maka gunakan kode berikut ini, caranya sama seperti di atas ganti    "</ textarea> "   dengan  "  </textarea>"

Copy dan Paste  Kode Berikut :

<p align="left"><textarea name="code" rows="3" cols="30" onclick="this.focus();this.select();">kode Anda di sini</ textarea></p>
<p>

dan Ini Adalah Hasilnya :

<p align="left"><textarea name="code" rows="3" cols="30" onclick="this.focus();this.select();">kode Anda di sini</ textarea></p> <p></ textarea></p> <p>
Cara di atas tanpa menggunakan tombol, sedangkan text area yang disertai dengan tombol Select All/HighLight yang berguna untuk memblok (select) semua tulisan dalam text area.
Untuk membuat textarea dengan tombol Select All silakan salin kode di bawah atau di dalam teks area Tapi, pada bagian </ textarea> silakan ganti dengan </textarea>.


<div>
<form name="copy">
<div align="left">
<input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Select All"></div>
<p align="left"><textarea style="width: 300px; height: 144px" name="txt" rows="100" wrap="virtual" cols="55"></ textarea></p>
</form>
</div>
<p>

 

dan Ini Adalah Hasilnya :

</ <div> <form name="copy"> <div align="left"> <input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Select All"></div> <p align="left"><textarea style="width: 300px; height: 144px" name="txt" rows="100" wrap="virtual" cols="55"></ textarea></p> </form> </div> <p></p> </form> </div> <p>

Selamat Mencoba Semoga Sukses dan Bermanfaat

Sample Lainnya 


Untuk Masukan Textarea Pada YM Online 

<p align="center"><a href="ymsgr:sendim?ID-ANDA"><img style="width: 114px; height: 61px;" src="http://opi.yahoo.com/online?u=ID-ANDA&m=g&t=2" alt="OnLine YM Click disini" border="0" /></a> </p> sini</ textarea></p> <p>

Tutorial Blogger Panduan Website dan Blog Menyisifkan Icon YM di Blog-Website Cara Membuat Text Area di Blog dan Web Cara Membuat Typing Text di Blog dan Web Cara Membuat Artikel Terkait di Blogger Membuat Text Berjalan di Blog dan Website