How to Add Print It Button in any Blogger Template?

Print button and option for blogger template

Print it

Blogger has tailored with all kinds of featured but still it is depended on third party widget. There are many simply but effective option like printing article is very significant. But this option is not included in Blogger so we have to add this option in different way.

Formerly printing option was not very important factor in Blogger Template but now a days most of the professional web developer adding print option in their designed template. And users can print the content by clicking on Print icon. Though we can print any webpage by the help of built-in option but it would be great if we can add Print page option at the end of article. To implement this option I will use simple code with CSS styling and attractive icons.

For adding Print It option into your Blogger template just follow the below steps-

Step 1 Log in to your Blogger Account and Go to your Blogger Dashboard

Step 2 Now click on -> Template -> Edit HTML

Step 3 Now Find this code ]]></b:skin> by Pressing Ctrl+F 

Step 4 Paste the below code  Above/before ]]></b:skin>  

.BSPrintTXT span {

Step 5 Now Find any code from below by Pressing Ctrl+F

<div class='post-footer'>

Step 6 Its time to add main code. So Paste the below code  Above/before <div class='post-footer'> or Below/after <data:post.body/>

<div class='BSPrintTXT'>
<span>Print It:</span>
<div style='float: left; padding-left: 10px;'>
<a href='javascript:window.print()' rel='nofollow'><img src=''/></a>
<div class='clear'/>

Styling the Print Icon

In this part we will use alternative Print icons if you don’t like the default Printer icon. So from the step 6 change the Image link only for showing different Printer icons.

Style 1


Replace the above image code by any of one from below. For better performance I suggest you to host/upload image in your blog or hosting server and then use the image.

Style 2

article print

Style 3

print file

Style 4

color print

I think You have successfully added the printer option with your desired icons. This option is very useful for royal readers. Because if they found anything important then then can print the article/news/content by one click for further use. And this option also useful for new users those who don’t know how to print article from Browsers default menu. Beside of this if you have little CSS knowledge you can customize the widget looks in different way. If you have any suggestion or query about this Print widget then you can share with us.

How to Add Print It Button in any Blogger Template?
4 Stars stars - "How to Add Print It Button in any Blogger Template?" Blogger has tailored with all kinds of featured but still it is depended on third party widget...

Post a Comment

Facebook Group Community Disqus Channel Code ConverterHide Code Converter Show EmoticonHide Emoticon

Got questions? Ask ’em below! While we’re here, you might like to give any feedback about this Post, Your comment inspire us to continuous Improvement of This Blog and Contents. Your words are your own, so be nice and helpful if you can. Please, only use your REAL NAME, not your business name or keywords. Using business name or keywords instead of your real name will lead to the comment being deleted. Anonymous commenting is not allowed either. Limit the amount of links submitted in your comment. We accept clean XHTML in comments, but don't overdo it please.

Make sure you tick the Notify Me box below the comment form to be notified of follow up comments and replies. Thank you for commenting

Contact Form


Email *

Message *