Skip to main content

How to Add Print Friendly Button to Blogger

The post explains how to add print friendly button to Blogger(Blogspot) blog


PrintFriendly
How to Add Print Friendly Button to Blog
What is PrintFriendly?
It is simple web application which makes makes printing on the web better.

Why should we make webpage or blog post  PrintFriendly?
We make webpage or blog post print friendly to save paper and ink.

How to make blog post or webpage PrintFriendly?
It is very simple, just use PrintFriendly button.




Advantages:

  • Their algorithm removes ads and all the junk.  
  • Cusotmization is possible before printing webpage or blog post.
  • Save Money & the Environment and 
  • It also creates PDF file from your webpage or blog post.

                
How to add print friendly button to blog:

Step 1: Sign into Blogger account.

Step 2: Choose a blog  from your blogger dashboard to make print friendly.

Step 3: Go to Design> Edit HTML>Edit Template and select or checkmake the expand widget templates and   do as shown below

If you are using Google Chrome press f3 key and search for the below line
If you are using Mozilla Firefox or Internet Explore then press Ctrl + F keys and search for the below line

<div class='post-footer'> 

Copy below code and paste it after the above line in your template

<!-- BEGIN PrintFriendly Code -->
<b:if cond='data:blog.pageType == "item"'>
<div id='pfButton'>
<link href='http://cdn.printfriendly.com/printfriendly.css' rel='stylesheet' type='text/css'/>
<script src='http://cdn.printfriendly.com/printfriendly.js' type='text/javascript'/>
<a href='http://www.printfriendly.com' id='pfLink' onclick='window.print(); return false;' style='text-decoration: none;' title='Print an optimized version of this web page or generate PDF'>
<img alt='Print' id='printfriendly' src='http://cdn.printfriendly.com/pf-print-icon.gif' style='border:none; padding:0;'/>
<span style='font-size: 12px; color: #55750c;'>Print <img id='printfriendly' src='http://cdn.printfriendly.com/pf-pdf-icon.gif' alt='Get a PDF version of this webpage' style='border:none; padding: 0;' /> PDF</span></a>
</div>
<b:else/>
<div id='pfButton'><a expr:href='data:post.url + "?pfstyle=wp"' style='text-decoration: none;' title='Print an optimized version of this blog post or generate PDF'>
<img alt='Print' id='printfriendly' src='http://cdn.printfriendly.com/pf-print-icon.gif' style='border:none; padding:0;'/><span style='font-size: 12px; color: #55750c;'>Print <img id='printfriendly' src='http://cdn.printfriendly.com/pf-pdf-icon.gif' alt='Get a PDF version of this webpage' style='border:none; padding: 0;' /> PDF</span></a>
</div>
</b:if>
<!-- END PrintFriendly Code -->
Step 4: Click Save Template, and test the result.

That's it! You successfully completed adding print friendly button to blogger(blogspot) blog.

If you have any doubts about "How to add print friendly button to blog", please don't hesitate to comme


Comments

Popular posts from this blog

How to Add New Label to Posts in Blogger

Hi Bloggers, Welcome to Bloggershangout !!! Labels are the easy way to maintain a logical category structure on a blog and it is extremely useful to keep blog organized and user-friendly. If you blog about a lot of different subjects, then labels are handy to logically categorize the blog content , so that readers can choose to view all of your posts on single lable at once. In Blogger, managing labels is quite simple. In this post, we will look at adding new label to Posts in Blogger . Adding Label to Posts in Blogger First, we will look at adding single/multiple labels to single post in blogger. When you are writing a blog post in Blogger editor, click Labels section in right sidebar and enter the labels you like, separating them with commas as shown below. Previously used Labels or existing Labels will show up below the section, and you can just click them to add them to the blog post in Blogger as shown below. When you publish the blog post, the labels

Youtube Thumbnail Generator Online

Hi Bloggers, Welcome to BloggersHangout !!! Today, I'm launching my first web application Youtube Thumbnail Generator .   It is No.1 video thumbnail generator service which facilitates users to quickly grab youtube video thumbnails from videos.   This web application is mostly useful for the users who wants especially youtube video thumbnails. Users would be any one like movie blog authors, movie bloggers, video song bloggers and many more... click youtube thumbnail generator  to try it out. What is Youtube Thumbnail Generator? Youtube Thumbnail Generator is No. 1 thumbnail generator service which grabs and displays youtube generated thumbnails from videos. It is Simple, Fast, Free and Supports eight types of Youtube URL's. 4 Reasons to Love Youtube Video Thumbnail Generator  Simple                :  It is a Simple online tool to grab youtube video thumbnails  Fast                    :  It generates video thumbnails in fraction of a second. So, no

Awesome Blogger Templates for a Blog

Hi Bloggers, Welcome to Bloggershangout !!! I love discovering latest Blogger Templates, trendy blog theme  designers and their portfolios over the internet that has awesome features like Adsense Ready, Seo Optimised, Responsive and built with HTML5 and CSS3 . I can absolutely say that it helped me to redesign my blog theme with simple and trendy look. So, I thought to share my collection of Blogger blog Templates websites with readers and help them to make their blogs looks awesome. Awesome collection of Blogger Theme Designers Wesbites Here is a collection of websites where you can find  best blogger templates  for free. Blogtipsntricks  : It has a simple collection of adsense ready, seo optimized and  responsive blogger templates  which are simply superb for bloggers to start their awesome blogs. All the blog templates available on this blog are free.  Themexpose  :  It has a collection of  high quality premium blogger templates  for free. You