Membuat Seleksi Otomatis di Tag Pre Tanpa Javascript

Seleksi Otomatis Tag Pre tanpa javascript

Cara membuat seleksi otomatis di tag pre tanpa javascript. Tag pre merupakan barisan kode yang biasanya digunakan untuk menaruh kode CSS atau Javascript pada blog-blog tutorial. Maka dari itu tag pre biasanya ditulis dengan tanpa pemformatan teks, atau memakai type font monospace, agar terlihat mencolok dari tulisan lainnya.

Tutorial membuat seleksi otomatis tag pre yang bertebaran di google kebanyakan menggunakan javascript, namun kali ini saya akan mensharekan bagaimana membuat seleksi otomatis tag pre tersebut tanpa javascript atau hanya dengan css. Kelebihannya adalah template menjadi lebih ringan.

Baik langsung saja kita coba!

Cara membuat seleksi otomatis tag pre hanya dengan CSS

1. Buka blogger.com
2. Pilih "tema" lalu buka "Edit HTML"
3. Silakan buat CSS untuk dijadikan "class". Disini terserah anda akan menamakannya dengan apa, yang terpenting nanti adalah dalam penerapan di postingannya.
Contoh : Disini saya akan memakai nama class "selection". Maka kode CSSnya adalah sebagai berikut.

.selection {  
  -webkit-user-select: all;
  -moz-user-select: all;
  -ms-user-select: all;
  user-select: all;
}

4. Simpan template anda.

Cara Posting

HARAP DIPERHATIKAN!!!
Untuk penerapannya adalah berikan class "selection" pada tag pre disetiap anda membuat postingan yang akan memakai kode diisinya.
Contoh :

<pre class="selection">
<!-- kode disini -->
</pre>

Demikian tutorial membuat seleksi otomatis di tag pre tanpa javascript semoga bermanfaat. Kami ucapkan terimakasih telah membaca blog Agung Jaka Nugraha. Wassalam

Membuat Seleksi Otomatis di Tag Pre hanya dengan CSS