[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.

Segenggam Harapan.....


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

Share this

Related Posts

Previous
Next Post »

4 comments

Write comments
8 November 2012 06.04 delete

sip nih,, bisa dipake nulis kode biar yg kopi-paste gak kesulitan :)

Reply
avatar
9 November 2012 05.39 delete

@Salman Syuhada :)
oiya mas, boleh ngasih saran?
warna pada kolom komentar sulit untuk aku lihat, kyknya background sama tulisan kurang kelihatan hhehehe

sory ya mas kalo gak boleh ngasih saran

Reply
avatar
9 November 2012 06.50 delete

@ahmad muazim abidin Wah... makasi mas atas sarannya, Saran seperti ini yang sangat dibutuhkan. Nanti sesegera mungkin akan diedit warna backgroundnya. :)

Reply
avatar

Berkomentar lah dengan yang sopan yang tidak mengandung unsur SARA, PORNOGRAFI, Dan TIDAK diperkenankan untuk PROMOSI selain Persetujuan dari ADMIN. Jika di lakukan, Maaf komentar akan DI HAPUS.

Untuk menggunakan Emoticon Komentar, Klik Emoticon yang akan di pasang. Akan muncul kode emoticonnya. Masukkan itu pada saat berkomentar. Terima Kasih
EmoticonEmoticon