Text Code Box Copy to Clipboard in Blogger

Copy This JS Code and Paste it Above close Head Tag in Blogger Theme file

Copy This script Code and Paste it Above close Body Tag in Blogger Theme file

Copy This CSS and Paste it in Blogger Theme file Go to: Blogger Dashboard -> Layout -> Theme Designer -> Advanced -> Add CSS

/*-------Click-to-copy-------*/
    .copyarea {
        display: flex;
        position: relative;
        width: 100%;
        height: auto;
    }
    
    
    .copyarea textarea {
        width: 100%;
        box-sizing: border-box;
        border: none;
        padding-top: 34px;
        padding-bottom: 34px;
        padding-right: 11px;
        padding-left: 11px;
        background: #f5f6f7;
    }
    
    
    .copyarea textarea:focus-visible {
        outline: -webkit-focus-ring-color auto 0px;
    }
    
    
    button.ClickToCopyButton {
       width: 30%;
       height: auto;
       position: absolute;
       top: 0;
       right: 0;
       border: none;
       padding-top: 5px;
       padding-bottom: 5px;
       color: #fff;    
       background: #0066ff;
    }
    
    
    button.ClickToCopyButton:hover {
       background: #000;
    }
    
    
    @media screen and (max-width: 500px)
         {button.ClickToCopyButton {
              width: 100%;
    }}
    
    
    /*----xx------------Click-to-copy-------------xxxx---*/

Copy This Code and Paste it in Your Post You Must Give Unique Tag for Every Different Copy to Clipboard

Welcome to State Pariksha! Your one-stop destination for all State and Competitive Exam preparation. Get the latest updates, exam notifications, practice quizzes, GK notes, current affairs, and study material – all in one place to help you succeed in your next government job exam.