Membuat Textarea Cantik Luar Dalam

Oleh: beat2ws | Kamis, Januari 29, 2009 | | 31 komentar »

Text Area adalah kotak aktif yang dapat digunakan untuk menempatkan teks atau kode atau script, untuk memudahkan dalam melakukan copy-paste (pengertian ala kadarnya, jika ada yang kurang tepat mohon pencerahannya).
Contoh text area standar:



Dan di bawah ini ada beberapa contoh text area cantik yang telah dimodifikasi:

O iya, script cara membuatnya ada di dalam text area-nya ya... :)















Hayo, gemana dengan text area cantik di atas? Oops, hampir lupa, terima kasih buat @Nn!3 yang telah membeberkan script asalnya DISINI sebelum akhirnya saya modifikasi untuk kemudahan bersama ;).
Selamat mencoba ya..

Update: Silakan akhiri kode textarea yang di dalam kotak dengan tag </textarea>



Share on Facebook Add to Google Reader or Homepage Add to Technorati Favorites RSS Feed


BERITA MENARIK KHUSUS UNTUK ANDA:


Mungkin artikel berikut yang Anda cari?

Ada 31 komentar untuk “Membuat Textarea Cantik Luar Dalam” , sudahkah Anda?

  1. rampadan :
    29 Januari 2009 21:13  

    berguna banget nich buatku..
    thanks ya mas..
    nice post..

  2. Anonim :
    30 Januari 2009 09:56  

    Tapi kalau dari hp gak keliatan ya mas text areanya...

  3. Starwrite :
    30 Januari 2009 09:58  

    Wah namaku yang diatas gak muncul..

  4. beat2ws :
    30 Januari 2009 10:41  

    @rampadan: Sama-sama mas.

    @anonim: Walah, aku ya postingnya pake hp kok. Di hp ku muncul tuh..

    @Starwrite: Mungkin kurang mantranya mas, jadi gak muncul, hehehe.

    30 Januari 2009 10:41
  5. @Nn!3 :
    30 Januari 2009 14:59  

    Keren nih! siapa dulu dumz yang buatnya, anni3... ^memuji diri sendiri dulu^

    he..he..

  6. beat2ws :
    30 Januari 2009 16:55  

    @ @Nn!3: Sst! Si script maker-nya dateng, hehe. Maaf @n, aku utak-atik script-nya biar gak copas, oce?? *oce Bit*

    30 Januari 2009 16:55
  7. rela :
    30 Januari 2009 17:00  

    belom mudeng ama yang gini2an,belajar ah..biar tambah cantik

  8. www.katobengke.com :
    30 Januari 2009 23:43  

    kalau boleh tau itu gunanya untuk apa.....
    jangan marah yah
    so aq bnar2 kagak ngerti

  9. beat2ws :
    31 Januari 2009 10:01  

    @katobengke: Text area bisa dipakai untuk memasang kode html/script di posting/sidebar, agar dapat muncul apa adanya. Anda coba aja tulis kode html ini <a href="http://masbibit.blogspot.com">Blog Mas Bibit</a> pasti gak akan muncul seperti itu, tapi akan muncul Blog Mas Bibit
    Nah dg dmikian kita perlu sebuah text area untuk menyimpan/menulis kode html/script tsb.

    31 Januari 2009 10:01
  10. albri :
    1 Februari 2009 02:55  

    wah bagus bagus mas, diberi style ya? kalo digabungkan dengan kecanggihan weh.. maksudnya fungsi tambahan seperti di artikel saya, akan semakin maknyus mas.....

  11. beat2ws :
    1 Februari 2009 06:14  

    @albri: Iya mas, kemarin juga aku promosi di artikel sampeyan.

    1 Februari 2009 06:14
  12. gdenarayana :
    1 Februari 2009 22:28  

    wah lengkap sama tutorial juga disini :D

    sippp kang...hehehe...nyontek kodenya akhhhh...hihihi

  13. Dewy Azura :
    3 Februari 2009 15:29  

    wuh, bit... tenkyu yach buat info nya, bisa aja yach, link text warna warni. hehehe

  14. reza :
    3 Februari 2009 18:17  

    Ternyata ada variasi yang lebih bangus nih... Tak ambil satu ya.. Makasih.. makasih...

  15. beat2ws :
    5 Februari 2009 11:39  

    @gdenarayana: Kok nyontek Om? Silakan ajah.

    @Dewy Azura: hehe, bisa-bisa aja dunks, kan ada gurunya :)

    @reza: Udah Diambil satu kok masih lengkap ya?he.he. .

    5 Februari 2009 11:39
  16. green :
    13 Februari 2009 09:47  

    aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa

  17. green :
    13 Februari 2009 09:48  

    gimana buat script text area biar tidak seperti di atas

  18. myBlog :
    22 Februari 2009 21:02  

    bagus bgt articlenya

  19. Fahmiku :
    28 Februari 2009 04:16  

    mas makasih banyak infonya ya sudah kita coba, manthabbb

  20. zolhisham :
    21 Maret 2009 08:19  

    salam mas..
    saya ada masalah berkenaan text area,
    begini..saya copy beberapa kod html dan meletakkannya kedalam text area, msalah saya adalah apabila publish, perkataan "<" /br ">" keluar dihadapan setiap kod-kod yang dipublishkan itu..gimana saya nak hilangkannya..mintak tolong...mekasih..salam

  21. beat2ws :
    21 Maret 2009 08:40  

    @zolhisham: Mungkin karena anda menekan tombol ENTER saat menurunkan teks/kode. Karena pd umumnya setiap penekanan tombol ENTER akan berubah menjadi <br/> .
    Anda dapat merubah setting DASAR diblog pada bagian 'Konversi ganti baris' menjadi tidak, tapi saat anda menulis posting harus menggunakan kode <br/> sebagai pengganti ENTER.
    Salam...

    21 Maret 2009 08:40
  22. benehal :
    23 Maret 2009 17:37  

    MAs, thks bgd juga atas fariasi teksareanya...

  23. zolhisham :
    29 Maret 2009 03:14  

    Salam mas bibit..
    terima kasih kerana panduan daripada mas, sungguh berharga ilmu mas itu..begini mas giman hendak menukar warna font teks yang berada didalam textarea..mintak tolong mas..
    terima kasih

    salam..

  24. beat2ws :
    29 Maret 2009 05:55  

    @zolhisham: Salam...
    Misalnya aku pake textarea paling atas, Silakan cari kode color: #CA3DD9; , nah untuk mengganti warna teksnya ganti #CA3DD9 dengan kode warna sesuai keinginan anda.

    29 Maret 2009 05:55
  25. srirezekimd :
    29 Mei 2009 20:39  

    Wah, keren banget artikelnya...
    sangat bermanfaat... ;-)
    Nanti saya tanya lagi ya kalau ada yang kurang jelas.

  26. srirezekimd :
    30 Mei 2009 07:11  

    saya mau pasang di sidebar wordpress koq ga muncul ya?

  27. andihatake :
    16 Juni 2009 06:54  

    qo' gag bisa ya,,,
    terjadi kesalahan dalam kode html ny

  28. HariS :
    19 Oktober 2009 02:05  

    Terima Kasih Berat Banget SOB.. Script langsung aqu pake silahkan cek di http://harisnet.web.id/your-link/

  29. aunor rafiki :
    8 November 2009 19:24  

    keereeeen banget thanks berat bro...eh, tapi boleh ga aku copy postingan ini klo keberatan bilang aja ke blog q ntar langsung q hapus

  30. Arhanata :
    29 Desember 2009 13:15  

    Mantabs...gan...!!!!!!

    thx...!!!!

    Di tunggu kunjungan baliknya...

  31. shafira :
    22 Januari 2010 20:44  

    keren! thanks yah.. :)





Get cash from your website. Sign up as affiliate.
Prizegod.com

Tinggalkan Komentar Anda
[ Kotak Komentar Lama | Kirim Email ]


»» Bagi pengguna ponsel, jika kesulitan memberikan komentar, silakan gunakan link "Kotak Komentar Lama".

Beri komentar sebagai:
Silakan pilih profil yang anda inginkan.
Atau gunakan Name/Url untuk memasukkan 'nama' dan 'url blog/FS/FB,dll' (Url boleh kosong).

No spam, no porn. Bebas tapi sopan.