Button Not Appearing In Blogger

Are you using Blogger widget and the Print Friendly & PDF button didn't appear? This happens if your template is missing ​"post-footer" widget (part of the blogger default template).

Option A: Add Post-Footer To Your Template

---

Step 1:

• Log in to your blog dashboard. 
• Click Template on the left navigation menu. 
• Click Edit HMTL below your blog thumbnail.
  * If nothing happens, note that PrintFriendly currently works on any of the Classic Blogger/Blogspot templates. We are still working on getting this to work on the new Dynamic View template.
  
  
   
• A warning message will appear. Click Proceed.
  
  
   
• An Editor window will appear. Click on the check box next to Expand Widget Templates
  ​
  

 

Step 2: Find "Post.Body" In Your Template

• ​Find <data:post.body/> in the Editor window.​
  * Tip: Press "Control" and "F" on keyboard to search. ​
  
  ​

Step 3: Add "Post-Footer" To Template

<div class="post-footer"></div>

• Copy the code below
• Paste the code below the <data:post.body/> (If you have a div to clear photos, put below like the picture)
  
  ​​​

 

Option B: Manually Add PrintFriendly Code to Template

---

Step 1: Copy The Print Friendly & PDF Button Code

<!-- BEGIN PrintFriendly Code --> <b:if cond="data:blog.pageType == &quot;item&quot;"><br /> <div class="pfButton" style="margin:18px 18px 0 0; float:left;"><script src='http://cdn.printfriendly.com/printfriendly.js' type='text/javascript'/></script><a class="printfriendly" href="http://www.printfriendly.com" onclick="window.print(); return false;" style=" color:#6D9F00; text-decoration:none;" title="Printer Friendly and PDF"><img alt="Print Friendly and PDF" src="http://cdn.printfriendly.com/pf-button.gif" style="border:none;" /></a></div> ​</b:if><!-- END PrintFriendly Code -->

Step 2: Prepare to edit your blog's HTML template.

• Log in to your blog dashboard. 
• Click Template on the left navigation menu. 
• Click Edit HMTL below your blog thumbnail.
  * If nothing happens, note that PrintFriendly currently works on any of the Classic Blogger/Blogspot templates. We are still working on getting this to work on the new Dynamic View template.
  
   
• A warning message will appear. Click Proceed.
  
   
• An Editor window will appear. Click on the check box next to Expand Widget Templates
  
   

 

---

Step 3: Paste the PrintFriendly button code.

• Find <data:post.body/> in the Editor window.
  * Tip: Press "Control" and "F" on keyboard to search.
• Paste the PrintFriendly button code above <data:post.body/> to make the button appear above your posts. Paste the code below <data:post.body/> to place the button below your posts.
  * Careful: There's two versions of <data:post.body/>. Use the first (web) not the second (mobile).
   

---

Step 4: Preview and save your changes.

• Click Preview. 
• Click Save template.