Membuat Double Click to SELECT di blog - Susah Tidur

Membuat Double Click to SELECT di blog


Membuat Double Click To SELECT di Blog
Membuat Double Click To SELECT di blog - SusahTidur - Mempunyai sebuah blog ber niche Tutorial dan Kata-kata biasanya mereka sudah menanamkan Double Click To SELECT ini di blog mereka. Dengan tujuan ya untuk mempermudah saat melakukan penyalinan atau peng copy an sebuah kata-kata ataupun sebuah kode.

Dengan adanya Double Click To SELECT di blog tersebut pengunjung tidak usah lagi repot-repot menyeleksi manual. Hanya dengan double click saja bagian kalimat atau kode yang kita pilih langsung terseleksi secara otomatis. Lalu bagaimana caranya memasang Double Click To SELECT di blog kita? mudah banget. Kita cukup menambahkan sedikit Script ke dalam blog sobat. Baik tidak usah berpanjang lebar lagi mari esekusi.

Cara Membuat Double Click To SELECT di blog

  1. Masuk ke dashboard blogger sobat
  2. Lalu masuk menu Tema > Edit HTML > Cari kode </body>
  3. Kemudian Copy Kode Script dibawah ini, lalu letakkan tepat diatas kode </body> 
    <script type='text/javascript'>
        //<![CDATA[
        var pres = document.querySelectorAll('pre, blockquote');
        for (var i = 0; i < pres.length; i++) {
        pres[i].addEventListener("dblclick", function () {
        var selection = getSelection();
        var range = document.createRange();
        range.selectNodeContents(this);
        selection.removeAllRanges();
        selection.addRange(range);
        }, false);
        }
        //]]>
        </script>
  4. Kemudian Save/Simpan Template

Keterangan Kode Script diatas
Lihatlah kode Script yang saya warnai diatas, itu adalah bagian kode yang ingin diaktifkan untuk Double Click To SELECT. Untuk penambahan yang lain silahkan  sobat kreaskan sendiri.

Pre = Untuk menyeleksi bagian kode Syntax highlight (blog tutorial)
Blockquote = Untuk menyeleksi bagian kata-kata seperti catatan ini.

Selesai sudah tutorial cara membuat Double Click To SELECT di blog. Jika masih bingung silahkan bertanya di kolom komentar. Sekian dan terimakasih telah berkunjung ke SusahTidur
"Membuat Double Click to SELECT di blog"
Tampilkan Komentar
Sembunyikan Komentar

Belum ada Komentar untuk "Membuat Double Click to SELECT di blog"

Posting Komentar

Jangan malu bertanya!

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel