How to Add Double Click to Copy for CodeBox - Syntax Highlighter

Adding Double Tap to Copy for Syntax Highlighter - CodeBox

 Hello, everyone! Wellcome to SoiPro .Today on this occasion I will going to share a tutorial about How to Add Double Click to Copy for CodeBox - Syntax Highlighter

As always, before starting, take a backup of your blog template to restore it easily in case of any kind of error .

Adding Double Tap to Copy for Syntax Highlighter

You have to follow only one step, just be patient and follow the post till the last. You will not regret after adding it to your blog. Because it is very useful for bloggers and for user interface.

Follow these steps carefully

Step 1: First of all Login to your Blogger Dashboard..

Step 2: On Blogger Dashboard., click Theme.

Step 3: Click the arrow down icon  next to 'customize' button.

Step 4: Click Edit HTML, you will be redirected to editing page.

Step 5: Now pressing Ctrl + F to find the code </body> and paste the following JavaScript Codes given below.

Step 6: Lastly, Save the changes by clicking on this icon 

 <!--[ Double click to Copy ]-->
<script > /*<![CDATA[*/
   for (var preclick = document.getElementsByTagName('pre'), i = 0; i < preclick.length; i++) preclick[i].addEventListener('dblclick', function () {
      var e = getSelection(),
         t = document.createRange();
      t.selectNodeContents(this), e.removeAllRanges(), e.addRange(t), document.execCommand('copy'), this.classList.add('copied'), setTimeout(() => {
         window.getSelection().removeAllRanges(), this.classList.remove('copied')
      }, 4e3)
   }, !1); /*]]>*/ < /script>

So after following the above steps, I hope that you have successfully installed Syntax Highlighter Scripts to be copied by double tabbing in your blog. If you are facing any problem then you can comment below, you will definitely be helped by replying.

Conclusion

Ok so that 's How to Add Double Click to Copy for CodeBox - Syntax Highlighter. I hope you enjoy this article. Please do share this article. And if you are facing problem in any section or you have any question then ask us in comment box. Thank you!

Source:
www.soipro.com