How to Add Print Button on your Blog

دانش ارشاد Sunday, September 07, 2014


Ad this code to your any of blog widget or post template

 Note:

 To change color and style change color name in "black" and "orange".

<html>
<head> <style>

 button{
             color:white;
             border-radius:5px; 
             background-color:black;
}

 button:hover{
             color:orange;
}

 </style>
</head>

 <body>

 <button onclick="myFunction()">Print this page</button>  
<script>

 function myFunction() {
    window.print();
}

 </script>

 </body></html>
Demo
دانش ارشاد

Posted by دانش ارشاد

Ad Code

Responsive Advertisement