Tuesday, April 16, 2013

Cara Membuat Kotak Script / Text Area dengan tombol Highlight

Cara Membuat Kotak Script / Text Area dengan tombol Highlight

Bagaimana membuat Kotak Script / Text Area dengan tombol Highlight di Postingan Blog? Kotak Script atau Text Area merupakan sebuah kolom tempat meletakkan kode HTML maupun tulisan untuk dihidangkan kepada pembaca blog. Kotak Script atau Text area berfungsi untuk merapikan artikel agar mudah dilihat dan dibaca pengunjung Blog.

Membuat Kotak Script atau Text Area sangat bagus jika menggunakan tombol Highlight. Fungsinya untuk menyorot semua isi Kotak Script / Text Area sehingga mempermudah pengunjung blog melakukan Copy Paste isi Kotak Script / Text Area tersebut yang terlalu panjang. Ok, langsung saja kita mempelajari bagaimana membuat Kotak Script / Text Area dengan tombol Highlight berikut prosedurnya dibawah ini :

1. Sebagai contoh buatlah sebuah artikel kemudian Copy Pastekan Kode dibawah  ini kedalam postingan artikel anda. 

<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: 200px; HEIGHT: 100px" name="txt" rows="100" wrap="VIRTUAL" cols="55" readonly="">MASUKKAN ISI TEKS DISINI, AKAN MUNCUL SCROLL JIKA TEKS TERLALU PANJANG</textarea></p></div></form>

2. Untuk meletakkan kode HTML diatas, Pastekan di postingan anda dalam Mode HTML. Klik HTML lalu Pastekan.



3. Setelah di Pastekan Kode HTML tadi, silahkan masukkan isi teks yang anda inginkan. Kemudian ubah ke mode COMPOSE.

4. Maka hasilnya seperti contoh di bawah :


   

5. Untuk merubah lebar dan tinggi kotak script / Text area, bisa di edit kodenya sesuai selera anda.
  • Height: 100px : Tinggi Kotak Script / Text Area
  • Width: 200px  : Lebar Kotak Script / Text Area

Ok, Mudah bukan? Begitulah cara membuat Kotak Script / Text Area dengan tombol Highlight di postingan blog. Terima kasih telah sudi mampir di blog saya ini. Semoga informasinya membantu dan bermanfaat.




JANGAN LUPA UNTUK VOTE GOOGLE + UNTUK HALAMAN INI. TERIMA KASIH BANTUANNYA
Judul: Cara Membuat Kotak Script / Text Area dengan tombol Highlight; Ditulis oleh januarsen silalahi; Rating Blog: 5 dari 5

Ditulis Oleh : januarsen silalahi

Terimakasih atas kunjungan Anda Karena telah sudi membaca artikel Cara Membuat Kotak Script / Text Area dengan tombol Highlight. Tidak Lengkap Rasanya Jika Kunjungan Anda di Blog ini Tanpa Meninggalkan Komentar, untuk Itu Silahkan Berikan Kritik dan saran Pada Kotak Komentar Di Bawah. Jika Artikel Bermanfaat, Anda boleh menyebarluaskan atau mengutip artikel Cara Membuat Kotak Script / Text Area dengan tombol Highlight dengan cara penyampaian yang berbeda, namun jangan lupa untuk mencantumkan link sumbernya. Diharapkan agar tidak melakukan copy paste. Terima Kasih, Happy Blogging :)

2 comments:

Post a Comment