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

Is Your Transcend Product Orginal or a Counterfeit | Transcend Product Verification | Verify the Authenticity of Transcend Product

This post explains how to verify the authenticity of Transcend product or to find out Transcend product is original or a counterfeit while buying:

Last week my friend had bought a 32Gb Transcend (USB Flash Drive) pendrive for 350 Rs/- from a stranger who came to his office. After some time they connected pendrive to PC and started to transfer data from PC to pendrive and they observed that it is taking too much time to transfer data. After some time he made a call to me and explained the problem, then i started to search for the appropriate information in google about Transcend products and i found that his transcend pendrive was a counterfeit (not original) as shown below.

How to find out any transcend product is original or a counterfeit while buying from shop or stranger:

Step 1: Go to Transcendusa website and move to the bottom of that webpage and then click product verification link and it renders product verification webpage. See the screenshot present below.


Step 2: Go to produc…

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 thumbnailsin fraction of a second. So, no need to spend more time  Free            …

How to Change Static Pages Order in Blogger

Hi Bloggers, welcome to Bloggershangout !!!

In this Blogger tutorial, we will look at how to change or swap the position of static pages order in blogger.

How to Change Static Pages Order in Blogger?
Step 1: Sign into your blogger account.

Step 2: Choose the blog from blogger dashboard for which you want to change static pages order.

Step 3: Go to Design > Page Elements and follow as shown in screenshots below.

and click edit link on gadget as shown in the screenshot.

Step 4: By clicking edit link blogger will open a configure page list as shown in the screenshot.


Step 5: You can see page order in above screenshot (Configure Page List).Change the static pages order by draging and dropping static page where you want it to be on the page order, and save it.

Step 6: Preview the blog.

That's it.

If you have any doubts about "How to change static pages order in blogger", comment below.