Disain Grafis, Tips dan Triks

Text Area Dengan Fungsi One Click Select di Blogspot



Text Area Dengan Fungsi One Click Select di Blogspot


Text Area dengan Fungsi One Click Select - Tutorial blogspot kali ini mengenai cara membuat text area dengan fungsi one click select. Biasanya kode-kode yang dibuat di postingan blog yang begitu panjang akan terlihat memanjang ke bawah dan tampilan ini kurang bagus dilihat. Untuk mengatasi teks atau kode script yang begitu panjang yang memakan tempat ruang post maka dibuatlah kotak pembatas agar terlihat lebih simpel dan loading cepat. Dan yang lebih penting dapat memudahkan pengunjung untuk meng-copy kode-kode atau teks panjang dengan sekali klik tanpa harus menyorot semua kode tersebut. Untuk mempersingkat tutorial, langsung saja simak bagaimana cara membuat text area menggunakan one click select di blogspot. Anda

Untuk membuat kode text area dengan sekali klik di postingan, anda tulis artikel seperti biasanya anda menulis untuk di publikasikan tetapi dalam mencantumkan kode text area one click ini dilakukan pada mode HTML (bukan Compose) dan kodenya ada dibawah ini :

<div><form name="copy"><div align="center"><input onclick="javascript:this.form.txt.focus();this.form.txt.select();"
type="button" value="Select All"> </div><div align="center"></div><p
align="center"><textarea style="WIDTH: 300px; HEIGHT: 144px" name="txt"
rows="100" wrap="VIRTUAL" cols="55">Letakkan kode apa saja disini yang menurut anda kode tersebut sangat panjang sekali untuk dipasang di dalam postingan blog anda.</textarea></p></div></form>

Contoh text area one click seperti dibawah ini


Untuk uji coba apakah kode text area dengan sekali klik, silahkan klik pada kotak Select All pada kotak text area diatas.


Text Area Dengan Fungsi One Click Select di Blogspot