Membuat Kotak Highlight All di blog

Membuat Kotak Highlight All di blog
Membuat kotak highlight all di blog
Kotak highlight all berfungsi untuk menyorot isi dari kotak,jika isi di dalam kotak terlalu panjang maka pembaca akan sangat dengan mudah bila pembaca ingin mengcopy isi dari kotak tersebut hanya dengan mengklik highlight all saja.

Contoh kotak highlight all pada salah satu postingan saya sebelumnya

tutorial cara membuat kotak highlight all pada blog

Kerenkan,oke kalau menurut anda keren kita lanjutkan tutorialnya.

Tutorial membuat kotak highlight all

Saat anda akan memposting article dan anda ingin menggunakan kotak highlight all.Anda sudah melihat kan contoh gambar diatas,ya,kita akan membuat seperti diatas dengan script dibawah 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><p align="center"><textarea style="WIDTH: 200px; HEIGHT: 100px" name="txt" rows="100" wrap="VIRTUAL" cols="55" readonly="">Disini anda masukan text nya,tek akan scroll bila text terlalu panjang</textarea></p></div></form>

Di text yang berwarna merah adalah tempat anda meletakan text yang ingin di highlight all.
Posisi post halaman di HTML bukan di Compose yah.
Silahkan di coba oleh anda,dan bila anda berhasil silahkan share semoga berguna untuk yang lainny.

Hanya itu saja tutorial membuat kotak highlight all.

Terimakasih sudah berkunjung dan salam.