√ Seleksi/Blok Otomatis Teks Pada Tag Pre Di Blogger

Halo kawan! Pada posting kali ini aku akan membahas perihal Blogger. Bagi kau penulis blog mungkin pernah menciptakan artikel/postingan yang menyertakan instruksi atau sintaks untuk melengkapi isi postingan. Kode biasanya diselipkan pada postingan dengan teks yang monospace semoga pengunjung atau pembaca blog mengetahui bahwa teks tersebut memperlihatkan instruksi atau sebuah sintaks.

Salah satunya yang paling umum yaitu memperlihatkan instruksi HTML, CSS, ataupun instruksi Javascript. Dengan menciptakan teks instruksi pada blog memakai font monospace sanggup menciptakan tampilan halaman blog menjadi lebih menarik dan lebih jelas. Contohnya ialah teks ini ialah kode yaitu dengan memakai tag <code> atau dengan memakai tag <pre>.

Namun pada kebanyakan blog yang menyertakan teks instruksi dalam postingan, juga memudahkan pengunjungnya dengan fitur auto selection. Yaitu instruksi tersebut sanggup pribadi ter-blok atau terseleksi semuanya secara otomatis dan sanggup pribadi di copy oleh pembacanya dengan hanya klik 2x atau double click atau sanggup diatur menjadi 3x klik semua instruksi terseleksi.

Cara tersebut biasanya disukai oleh pengunjung blog jikalau ingin pribadi mengcopy sebuah sintaks dari goresan pena di blog sebab lebih gampang dan lebih cepat. Untuk menciptakan instruksi di blog yang ditulis dengan <code> atau <pre> menjadi ter-blok otomatis kau sanggup mengikuti langkah-langkah berikut ini:

1. Buka Blogger
2. Pada potongan Tema klik tombol Edit HTML
3. Temukan </body> dan letakkan instruksi berikut di atasnya

<script type='text/j4vascript'> var pres = document.getElementsByTagName(&quot;pre&quot;); for (var i = 0; i &lt; pres.length; i++) {   pres[i].addEventListener(&quot;click&quot;, function (evt) {       if (evt.detail === 3) {         var selection = getSelection();         var range = document.createRange();         range.selectNodeContents(this);         selection.removeAllRanges();         selection.addRange(range);     }   }, false); } </script>

4. Kamu sanggup mengatur tag apa yang sanggup terseleksi otomatis dengan mengganti pre
5. Kamu sanggup mengatur berapa kalik diklik semoga instruksi pribadi ter-blok semua dengan mengganti angka 3
6. Klik tombol Simpan dan lihat akhirnya di blog kamu

Setelah itu kau sanggup mencobanya pada blog kau dengan mengklik 3x pada tag pre, maka semua instruksi pada tag tersebut akan ter-blok secara otomatis. Dengan cara ini pembaca di blog kau sanggup dengan gampang untuk copy instruksi yang disediakan di postingan blog.

Contoh / demo

Sebagai demo kau sanggup bandingkan terlebih dahulu, coba klik 3x instruksi pada langkah ketiga di atas. Setelah itu klik di sini dan coba klik 3x lagi instruksi di atas kemudian lihat perbedaannya.

Itulah beberapa langkah yang sanggup kau coba untuk menciptakan semoga teks instruksi dalam tag pre di blogger sanggup terseleksi otomatis seluruh teks kodenya, atau dengan kata lain teksnya sanggup terblok otomatis secara keseluruhan. Jika ada hal yang kurang jelas, maka jangan sungkan untuk memperlihatkan komentar kau di bawah. Semoga artikel ini sanggup bermanfaat. Terima kasih dan hingga jumpa!
Sumber http://www.maringngerrang.com/