Home
Blogger
JavaScript

How to add Double Click to Copy Pre Content to Blogger

If you post coding related articles on your Blog, adding Double Click to Copy Pre Content will help your visitors to easily copy the syntax codes.
How to add Double Click to Copy Pre Content to Blogger
If you post coding related articles, adding Double Click to Copy Pre Content will help your visitors to easily copy the syntax codes. Hello! Welcome to Fineshop Blog. If you post coding related articles on your blog, you may have used Syntax Highlighter to provide codes to your visitors. If you want to make it easy for your visitors to copy its contents to clipboard, so you must read this article. In this article, we are going to add Double Click to Copy Pre Content to any Blogger Website. This will help your visitors to copy <pre> tag contents. They can simply double click on the Syntax Highlighter to copy its contents to clipboard, they no longer need to select the codes and copy. How to add Double Click to Copy Pre Content? Adding Double Click to Copy Pre Content to Blogger Website will not require much knowledge about HTML, CSS or JS because I have already designed it for you. What you need to do is to implement the codes at right place in your Blogger Theme XML. Important! Before …

About the author

~ Hello World!

6 comments

  1. Yahg lu
    Its working good, please how to opps no internet when viewrs offline
    1. Deo K.
      Soon! Stay tuned with us.
    2. Deo K.
      We have written an article on adding No Internet Connection Widget to Blogger or WordPress Website, check it at:
      https://blog.fineshopdesigns.xyz/2022/02/how-to-add-no-internet-connection.html
  2. Anonymous
    like your blog no writing double click to copy in codebox
    1. Deo K.
      If you are using the latest iMagz, Median UI or Fletro Pro template, add the following CSS to your Theme XML:
      .pre:not(.tb):hover::before{content:'Double click to copy | </>}
      .pre:not(.tb).html:hover::before{content:'Double click to copy | .html'}
      .pre:not(.tb).css:hover::before{content:'Double click to copy | .css'}
      .pre:not(.tb).js:hover::before{content:'Double click to copy | .js'}
  3. Suara Dalam Kepalaku
    wow thanks and its work. and please make a tutorial for bookmark like your blog. thanks before