Cara Bikin atawa Membuat Simple Hightlight Text

Cara membuat highlight text yang satu ini amat sangat simple dan mudah serta praktis digunakan. Script yang dipakai langsung diterapkan pada posting yang kita lakukan. Input Button kita pergunakan sehingga bentuk KODE yang digunakan semakin irit. Silahkan untuk melihat DEMO-nya

Cara Membuat Highlight Text: Panduan BloGGeR Percantik Blog

Highlight text akan membuat pembaca blog lebih cepat dan lebih mudah pada saat ingin mengcopy teks yang disajikan. Hanya dengan KLIK atau menyentuhkan Cursor pada "Highlight" atau "select All", maka ketika selanjutnya kita KLIK copy atau Ctrl+C maka secara otomatis semua teks akan tercopy. Javascript yang sangat dan bekerja pada daerah texarea membuat fungsi seperti ini dapat kita lakukan. Untuk membuat Highlight Text seperti dimaksud di atas, kamu bisa copy seluruh KODE CSS, javascript dan tutorial penggunaanya pada DEMO yang telah saya sediakan.

Select All and Copy pada Textarea

Select All and copy dimaksudkan untuk lebih memudahkan dan mempercepat proses copy paste pada keseluruhan posting yang terwadahi dalam sebuah textarea. pembaca tinggal melakukan KLIK pada button yang disediakan untuk Select All kemudian dilanjutkan COPY, maka semua materi posting akan tercopy keseluruhannya. Untuk menciptakan fungsi seperti ini dibutuhkan paduan javascript dan KODE lain dalam bentuk KODE CSS atau hanya tambahan dokument HTML yang disertakan secara langsung saat posting dilakukan. Bentuk yang paling sederhana untuk menciptakan fungsi Select All and Copy adalah seperti di bawah ini :

Select All and copy dimaksudkan untuk lebih memudahkan dan mempercepat proses copy paste pada keseluruhan posting yang terwadahi dalam sebuah textarea. pembaca tinggal melakukan KLIK pada button yang disediakan untuk Select All kemudian dilanjutkan COPY, maka semua materi posting akan tercopy keseluruhannya. Untuk menciptakan fungsi seperti ini dibutuhkan paduan javascript dan KODE lain dalam bentuk KODE CSS atau hanya tambahan dokument HTML yang disertakan secara langsung saat posting dilakukan.

Kode Select and Copy Textarea :

<form name="mypost">
<input onclick="javascript:this.form.txt.focus();this.form.txt.select();" value="Select All" type="button"/><br />
<textarea style="border:3px double #555;background:#ddd;color:#111;text-shadow:2px 2px 2px #888;border-radius:4px;padding:10px;" wrap="virtual" rows="8" cols="50" name="txt">
Select All and copy dimaksudkan untuk lebih memudahkan dan mempercepat proses copy paste pada keseluruhan posting yang terwadahi dalam sebuah textarea. pembaca tinggal melakukan KLIK pada button yang disediakan untuk Select All kemudian dilanjutkan COPY, maka semua materi posting akan tercopy keseluruhannya. Untuk menciptakan fungsi seperti ini dibutuhkan paduan javascript dan KODE lain dalam bentuk KODE CSS atau hanya tambahan dokument HTML yang disertakan secara langsung saat posting dilakukan.
</textarea>
</form>

Catatan/Keterangan :

- Gunakan kode di box posting atau bagian blog lain seperti pada "Add a Gadget".
- Lebar dan tinggi textarea bisa disesuaikan dengan kebutuhan, baik ruang posting ataupun besarnya materi posting dengan mengatur besaran rows (tinggi) dan cols (lebar).

Silahkan juga buka Tutorial lain yang sangat menarik dan patut di ikuti sampeyan semua. Akses melalui link di bawah ini :

Update » Rebo   WAGE,Maret,20,2012

» Happy Blogging - gubhugreyot «

Menggunakan Textarea untuk Posting

Posting menggunakan textarea berbeda dengan apabila posting menggunakan cara yang lain. Penggunaan textarea ini memungkinkan setiap materi posting tampilkan murni sebagai teks, sehingga pada saat melakukan posting dalam bentuk KODE HTML, kode-kode akan dibaca utuh sebagai sebuah teks. Kelebihan seperti inilah yang membuat posting tutorial yang berkaitan dengan KODE HTML banyak menggunakannya. Disamping mudah dan praktis dalam penggunaan KODE, textarea relatif membuat posting menjadi lebih mudah dan effisien.

Ada tiga (3) cara untuk membangun fungsi sebuah textarea :