Cara Membuat Kotak Script Dengan Auto Select Valid AMP

Cara Membuat Kotak Script Dengan Auto Select Valid AMP - Kotak script menjadi komponen yang wajib ada pada setiap template blog, karena kotak script ini sangat bermanfaat bila pemilik blog ingin memasukan kode kode script seperti html, javascript, css kedalam postingan pada blog miliknya.

Banyak sekali blog yang sudah membahas tentang cara membuat kotak script ini, namun kebanyakan dari mereka membutuhkan javascript tambahan untuk membuat auto selected ketika diklik 2 kali pada kotak script tersebut, hal ini akan membuat kotak script tersebut tidak dapat lagi dipakai di blog yang valid amp.

Kotak script yang saya buat ini tidak mamakai javascript tambahan, melainkan hanya menggunakan html dan css, sehingga kotak script ini dapat dipakai di blog yang valid amp maupun non amp. Kotak script ini mempunyai tampilan yang simple dan sederhana, dan sudah saya terapkan di template blog terbaru saya, yaitu Alpha AMP Template. Berikut tampilan dari kotak script dengan auto selected yang saya maksud.

Kotak script tersebut akan secara otomatis menyeleksi kode yang ada pada kotak tersebut bila di klik satu kali, ini hanya memanfaatkan fitur webkit selection yang sudah terdapat pada web browser. sehingga anda tidak perlu lagi javascript tambahan untuk membuat auto selection.