Cara Membuat Kotak Script dengan tombol highlight

Dunia Ilmu Bersama : Cara Membuat Kotak Script dengan tombol highlight - Halloo sobat, selamat pagi semuanya. Pagi ini saya akan berbagi sebuah tips info mengenai blog, yaitu Cara Membuat Kotak Script dengan tombol highlight di blog. Gimana, penasaran bukan ? langsung saja sobat simak artikel berikut ini.

Cara Membuat Kotak Script dengan tombol highlight

Kotak script atau text area ialah sebuah kolom yang berfungsi untuk meletakan kode html maupun java script dan juga tulisan lainnya. Kotak script ini juga memiliki fungsi untuk membuat artikel blog agar tampak lebih rapi, sehingga akan memudahkan pengunjung untuk melihat dan membaca artikel sobat.

Kotak script atau text area tentu saja hal ini sangat berguna untuk sobat, namun ada bagusnya bila sobat memberi tombol Highlight All pada kotak ini. tombol Highlight All berfungsi untuk menyeleksi atau menyorot semua isi yang berada di dalam kotak script ini. sehingga hal ini akan memudahkan pengunjung untuk mengcopy isi yang berada di dalam kotak script apabila isi kotak script ini terlalu panjang. Dan juga cara menggunakannya tidak susah, sobat hanya perlu meng-klik tombol Highlight All, maka semua isi yang berada di kotak script akan langsung tersorot.

Ok, berikut langkahnya.

>>Langkah pertama sobat buatlah sebuah postingan terlebih dahulu.
>>Setelah itu, masuk ke mode HTML, dengan cara klik HTML di sebelah Compose
>>Kemudian copykan script di bawah ini.

<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> <div align="center"> <textarea cols="55" name="txt" readonly="" rows="100" style="height: 100px; width: 450px;" wrap="VIRTUAL"> --------------isi--------------

>>Kemudian ganti tulisan   --------------isi--------------  yang berada di dalam kotak script diatas dengan tulisan yang sobat inginkan.

>>Setelah itu,  tepat di bawah   --------------isi--------------  tambahkan kode pentupnya di bawah ini

-------------------------------
</textarea></div>
</form>
</div>
-------------------------------

>> Untuk merubah lebar dan tinggi kotak script, sobat bisa edit kodenya sesuai selera.

Height : 100px : Tinggi Kotak Script / Text Area
Width  : 450px  : Lebar Kotak Script / Text Area

Gimana, mudah bukan ? Ok, sekian dari saya, semoga hal ini bermanfaat untuk sobat. sampai jumpa di postingan selanjutnya.