How to add Print as PDF button in blogger after every post

Today We goona add Print as PDF button in blogger blog. And This Buuton will show under every post title...

For Demo You can See this picture:

Print as PDF Button after Every Post

Follow these Steps to add Print as PDF button:

i) First of all, Log on your Blogger account then go to Template settings.

ii)  Now go to you blogger template settings....

iii) Now click on Backup/Restore option:

iv) Now Download full template for security:

v) Now close the windows and click on "Edit HTML"...

vi) Now click the Box and check it "Expand Widget Templates "...

 

 vii) Now Search for This code:

<div class='post-header-line-1'/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>

See in the Picture:

Just Under of those Lines Paste the code given Below(In Red Words):

<b:if cond='data:blog.pageType == "index"'><a expr:href='data:post.url + "?pfstyle=wp"' style="margin-right:1em; color:#6D9F00; text-decoration:none;" class="printfriendly" title="Printer Friendly and PDF"><img style="border:none;" src="http://cdn.printfriendly.com/pf-button.gif" alt="Print Friendly and PDF"/></a><b:else/><b:if cond='data:blog.pageType == "archive"'><a expr:href='data:post.url + "?pfstyle=wp"' style=" margin-right:1em; color:#6D9F00; text-decoration:none;" class="printfriendly" title="Printer Friendly and PDF"><img style="border:none;" src="http://cdn.printfriendly.com/pf-button.gif" alt="Print Friendly and PDF"/></a><b:else/><script>var pfHeaderImgUrl = '';var pfHeaderTagline = '';var pfdisableClickToDel = 0;var pfHideImages = 0;var pfImageDisplayStyle = 'right';var pfDisablePDF = 0;var pfDisableEmail = 0;var pfDisablePrint = 0;var pfCustomCSS = '';var pfBtVersion='1';(function(){var js, pf;pf = document.createElement('script');pf.type = 'text/javascript';if('https:' == document.location.protocol){js='https://pf-cdn.printfriendly.com/ssl/main.js'}else{js='http://cdn.printfriendly.com/printfriendly.js'}pf.src=js;document.getElementsByTagName('head')[0].appendChild(pf)})();</script><a href="http://www.printfriendly.com" style="color:#6D9F00;text-decoration:none;" class="printfriendly" onclick="window.print();return false;" title="Printer Friendly and PDF"><img style="border:none;" src="http://cdn.printfriendly.com/pf-button.gif" alt="Print Friendly and PDF"/></a></b:if></b:if>

See the Demo:

viii) Now Click On save template and Visit Any Article from Your website...

Thinks that will work for You....

That's all..

Thanks for Visiting here...