How To Add Print Button To Blog
But, here I would like to make it easy by one button to print.
By adding a print button, you allows the reader to print your article. And it's very helpful for readers on your blog.
Maybe your blog visitors are students who are looking for material to learn. Give convenience to the reader by giving the print button on each of your posts.
1. Login to your blog
2. Go to Template > Edit HTML
3. Find this code with Ctrl+F <div class='post-header-line-1'/>
4. Copy paste below code after above code,
<div style='float:left;padding-left:10px;'>
<a href='javascript:window.print()'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9Rj-GmpdeNvbKhhVRdVpU8DIKpDb1I6nqdoLiWCOGaswcx0LbG_fllxNjHFr_1xACyI_cVjJc67OB8HZiCXcPASy-GChBz5JeIfxoyuG9QaPF53GdYrgngH0teBMKviqd2xYablAvnlfu/s1600/printbutton.png'/></a></div>
It will look like,
<div class='post-header-line-1'/>
<div style="float: left; padding-left: 10px;">
<a href="javascript:window.print()"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9Rj-GmpdeNvbKhhVRdVpU8DIKpDb1I6nqdoLiWCOGaswcx0LbG_fllxNjHFr_1xACyI_cVjJc67OB8HZiCXcPASy-GChBz5JeIfxoyuG9QaPF53GdYrgngH0teBMKviqd2xYablAvnlfu/s1600/printbutton.png" /></a></div>
5. Save and Enjoy
But, if the code doesn't work... You can put the code (number 4) in other place as you like.
Look at this sample. Press the print button.
Hopefully this article can help you add a print button on the blog.
Still confused? Please feel free to comment.
Do you want read How To Make Dofollow Blog? Sharing is sexy
0 comments for this post
Leave a reply