How to create Double Tab to copy Syntax Highlighter on blogger website

href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1otFuAPHZ_EYGj0Y_Ws-gTZ7_evft_Rcn1CSbMJvQBg5c3xe42OdWouXAZP3z_bXyZz2sUlO3u8WVgO3z4hlmT3JvHy8T_-rjn8MSOLzmVAymryxL-COruLfKlkn_EVuGGBtje4K5CKc/s1600/1640072192850080-0.png"
style="margin-left: 1em; margin-right: 1em;"
>
border="0"
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1otFuAPHZ_EYGj0Y_Ws-gTZ7_evft_Rcn1CSbMJvQBg5c3xe42OdWouXAZP3z_bXyZz2sUlO3u8WVgO3z4hlmT3JvHy8T_-rjn8MSOLzmVAymryxL-COruLfKlkn_EVuGGBtje4K5CKc/s1600/1640072192850080-0.png"
width="400"
/>

hi dude, welcome to our Pixabin Official blog. let us see how to add a syntax
highlighter with a double tab to Copy Function on your blogger Template.

This Double tab to copy function is automatically applied on your blogger
template's default syntax highlighter. user Click double time on syntax
highlighter. this function automatically triggered and copied all Syntax texts
on your Clipboard.

if your want to add syntax highlighter on your blogger Template. please Click
these
> href="https://www.pixabin.com/2021/10/how-to-add-syntax-highlighter-in.html"
target="_blank"
>Article Link > >

What is a double Tab to copy on syntax highlighter?

Double tab to copy Syntax Highlighter means the user can click this syntax
highlighter on your website. this js function was automatically triggered and
copied all syntax highlighter Text on your Clipboard. this all! Otherwise this
normal Syntax highlighter. this is Extra Feature Only.

How to setup this Syntax Highlighter on blogger step by step

• Go to your blogger dashboard and go to the theme section


• Now click the drop-down menu and click Edit HTML Option


• 
  And, Click Ctrl+F button and type </body> Tag and Find the
  </body> Tag. After copying the below Syntax Highlighter
  JavaScript.
  


style="display:block"
data-ad-client="ca-pub-8881158603467601"
data-ad-slot="8723356494"
data-ad-format="auto"
data-full-width-responsive="true">



      <!--[ 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>



• 
  Now paste copied syntax highlighter javascript above on </body>
  Tag.
  


• Save your template. 


• Your double Tab to copy syntax highlighter is Ready.

Custom Modification

• Do not need any modification. Just Copy and Paste

Video Guide

No Available At this Time

Final Words

We hope this syntax highlighter script helps your blogger website. If you
want more blogger, WordPress and YouTube Guidelines for you please my
blogger on YouTube, telegram and Google News.