TutorialWebForBlogger

TW4B It's about a blog that talking about blogging widgets, blogger template tutorials, search engine optimization SEO and other useful blogging tips

Let's review a topic about how to add save as PDF button on your blog. Visitors or viewers can easily save blog page or posts in PDF for...

Add Save As PDF Button to Blogger Posts

Let's review a topic about how to add save as PDF button on your blog. Visitors or viewers can easily save blog page or posts in PDF format.

Like this below :



Click on it, posts can be directly saved in PDF format.

How to add save as PDF button to blogger posts ?

First Step

1. Visit http://web2.pdfonline.com site.

2. Fill the Form : (Example)
  • select a user name: bloggingtips

  • select a password: bloggingtrick

  • verify password: repeat the same password

  • your first name: John

  • your last name: Doe

  • your email address: john_doe@gmail.com

  • your blog or website address : http://bloggingtipstrick.blogspot.com

  • click I Agree With The Terms of Use Agreement Above

3. Click Sign Up

Note : Remember user name and password that you've already filled.

Second Step

1. Sign In with your user name and password.

2. Fill the Form : (Example)
  • paper orientation : Portrait

  • top margin : 0.5

  • bottom margin : 0.5

  • left margin : 0.5

  • right margin : 0.5

  • convert a web page to PDF : http://www.pdfonline.com

  • click Generate the Java Script.

Third Step

1. Go to Dashboard, click Design, click Edit HTML

2. Click Expand Widget Templates

3. Find code of HTML below :

<div class='post-footer'>

you can use (Ctrl+F) to find easily

4. Right after <div class='post-footer'> place code of Java Script provided by Pdfonline.

Example of code of Java Script provided by Pdfonline below :

<!--Save-as-PDF-Button-BEGIN-->
<script type='text/javascript'>
var authorId = &quot;DC97C971-DEDD-42FD-80A7-contohsaja&quot;;
var pageOrientation = &quot;0&quot;;
var topMargin = &quot;0.5&quot;;
var bottomMargin = &quot;0.5&quot;;
var leftMargin = &quot;0.5&quot;;
var rightMargin = &quot;0.5&quot;;
</script>
<script src='http://web2.pdfonline.com/pdfonline/pdfonline.js' type='text/javascript'>
</script>
<!--Save-as-PDF-Button-END-http://tutorialwebforblogger.blogspot.com-->

5. Click save template and done.

Now, you've already added save as PDF button on your blog.

There are no comments yet for 'Add Save As PDF Button to Blogger Posts'