How to add copy to clipboard button on page ( Blogger post )
How to add copy to clipboard button on page
 |
| Copy to clipboard button code |
People who have come in the field of new blogging always want to make their blogger's dashboard beautiful. There are some small things which help in making your dashboard beautiful and user friendly. |
One of these is "Button Style" . So today I am going to tell you how you can add Copy to Clipboard Button on your blogger post. For this, you should have a little knowledge of HTML, CSS, and JavaScript. And if you don't know about it then I am.
What is Copy to Clipboard Button
With the help of Copy to Clipboard Button , you can copy any paragraph through a single click, which improves the user experience of the visitor of the blog and also saves his time. When you are writing a post, then by putting my given code with that post, your work will be done.
It will work best for all those blogs which work on poetry, quotes, scripts all these. Using this code makes it easy to copy those paragraphs.
how to add copy to clipboard button on page: ( Blogger post )
For this, watch the full video given below:
Download Copy to Clipboard Button Code: 👇👇👇👇👇 auto copy by click Copy text buttons
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script><p style="background-color: #F5ECCE; border: 2px; padding: 15px 32px;color: black; text-decoration: none;" id="p1">Your Text</p>
<button onclick="copyToClipboard('#p1')" style="border: none;
color: white;
padding: 15px 32px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 16px;
margin: 4px 2px;
cursor: pointer;
background-color: #4CAF50;">Copy TEXT </button><script>
function copyToClipboard(element) {
var $temp = $("<input>");
$("body").append($temp);
$temp.val($(element).text()).select();
document.execCommand("copy");
$temp.remove();
}
</script>
Now when you click on this copy button, all your code will be copied. So I hope you liked this post How to Add Copy to Clipboard Button in Your Blogger Post . You will definitely tell by commenting. Follow this blog for more such informative posts .
Comments
Post a Comment