[Tutorial] Membuat kotak Text Area dengan kotak Copy Semua

[Tutorial]  Membuat kotak Text Area dengan kotak Copy Semua | Salam sobat Blogger, Apa kabar nya nih?? Semoga selalu dalam keadaan sehat dan tetap semangat dalam dunia pem-blogger-an.

Masih mencari Tutorial dalam membenahi blognya?

Salah satunya juga dapat dengan menggunakan Text Area.

Apakah itu Text Area? Mungkin sobat-sobat sudah pada tahu apa itu Text Area, karena sering kita melihat dalam postingan atau dalam Widget blog yang lain.

Text Area merupakan Sebuah kotak dalam postingan atau Widget yang digunakan untuk meringkas sebuah kode atau postingan sehingga membuatnya lebih tertata rapi dan mempermudah pengunjung dalam mengambil suatu kode.

Nah… Untuk tutorial kali ini, ana mencoba mengulas kembali [Tutorial]  Membuat kotak Text Area dengan kotak Copy Semua. Berminat untuk memasangnya di Blog?

Silahkan ikutin Tutorial berikut :

Copy kode dibawah ini. Bisa diletakkan dalam postingan atau sebuah Widget.

<code><span ><div><form name="copy"><div align="center"><input value="Copy Semua" onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button"> </div><div align="center"></div><center>

<a href="http://genggamharapan.blogspot.com/"><img alt="Segenggam Harapan....." height="53" src="http://images.cooltext.com/2329526.png" width="150" /></a> </center><p align="center"><textarea rows="3" cols="20" style="border: 8px inset rgb(104, 104, 204); padding: 0pt 1px; background: rgb(100, 100, 200) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; color: rgb(255, 255, 255); line-height: 1.5em; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px;" name="txt" wrap="VIRTUAL">

Masukan text / kode sobat di sini

</textarea></form></div></span></code>

Keterangan:

• Text warna hijau:  digunakan untuk menampilkan kata “Copy semua” bisa sobat ganti dengan yang lainnya.
• Text warna Biru:  digunakan untuk menampilkan Banner blog.
• Text warna kuning:  digunakan untuk tinggi dan lebar kotak text area tersebut, silakan sobat sesuaikan sendiri dengan tampilan yang disukai.
• Text warna merah:  digunakan untuk memasukkan text atau kode yang akan diletakkan dalam kotak text area.
• Bagi yang memasukkan KODE alangkah baiknya kode tersebut di PARSE kan. Gunakan Blog Tools Parse HTML ini untuk mempermudah prosesnya.

Contoh Penggunaan text area, Semoga bermanfaat.. Terus baca di www.segenggam-harapan.com, akan selalu memberikan yang terbaik. Jika ada kritik dan pertanyaan langsung aja ya di kotak komentar... Salam Blogger :D Blogger yang baik selalu meninggalkan jejak... :)

 Semoga bermanfaat, demikian [Tutorial]  Membuat kotak Text Area dengan kotak Copy Semua.

Share this

Author : Salman Syuhada

Related Posts