Friday, September 18, 2020
Home Blogging Tips & Tweaks How to Add a Print Button/Option to Blogger, WordPress and Webpages

How to Add a Print Button/Option to Blogger, WordPress and Webpages

Adding a print button to your webpage is one of the many features you can add to your webpage in order to make it very user friendly. Over the years as a web designer, I have come to realize that nothing beats a website which tries to meet up with the various expectations of users and visitors. You can make a webpage look very attractive but besides it beauty, there are so many other things which you can add to the webpage to make users keep coming back and spending more time on the webpage. This ultimately helps to reduce your sites bounce rate.

If you have been visiting Educative Helper, you must have noticed sometimes in the past that text copying was disabled thus making it impossible for visitors to copy text from the pages EXCEPT in situations where users have to copy a code to use on their own site. These option is not good for sites that offer information which are expected to be copied but if you feel you need to protect the site’s text from being copied, then you should try and add a print button to the sites so that users will be able to print the information they want. Besides the print button, you can also add a PDF convert button to your webpages so that users can just convert the webpage to PDF form for later use or transfer to another device without internet access. To learn to do so, just visit How to Add a PDF Convert Button to Blogger, WordPress and Webpage.

Today, I will be showing you guys how to add a print button to a webpage using a simple code. This print button when clicked on will bring up the print dialog pop-up box allowing users print out the page which they are on with ease. Just copy the code below and add to any part of your webpage where you want the button to appear.

<form> <input type=button value="Click to Print This Page!" onClick="javascript:window.print()"> </form>

For Blogger and WordPress users, you will have to switch to the HTML Editor before pasting the code in position on your post where you want the button to appear.

Don’t forget to share with friends and family. Click on any of the Social Media buttons below this post to share.


Please enter your comment!
Please enter your name here

- Advertisment -

Most Popular

List of All JavaScript Arithmetic Operators With Examples

JavaScript offers several operators to help us work with numbers. All these operators are binary operators, which means they operate on two operands. The operands...

How to Find a Website’s RSS Feed’s URL

Having access to the RSS feed of a website gives you the opportunity to stay up-to-date on everything that website publishes. Whether that’s a...

Laravel: String data, right truncated: 1406 Data too long for column (SOLVED)

I was working on a project today when i ran into the error message "String data, right truncated: 1406 Data too long for column...

How to Enable or Disable Chrome’s Autofill on Android Devices

Storing your login details and other information in Chrome and/or your Google Account isn’t as secure as using an encrypted password manager, but it’s...

Recent Comments