I have a good news for all of you guys. Do you know that, we can now save and convert our blog articles into the e-book files, in Pdf HTML file format. But why exactly do we or readers of our blog need to save our pages into the Pdf HTML files? Certainly, it can help the visitors save blog post, in case they want to read it again without entering to your blog in online mode. By opening the PDF files they have already saved in their computers, they can easily read your articles whenever they want it. Okay, in this tutorial, i would like to discuss about how to embed a Pdf HTML button on your blog post.
1. Go to Web2.PDFonline website
First things first, you have to go to Pdf HTML Online and sign up there before getting the generated code of Pdf HTML widget.
2. Log in to your account
After finished registering to Web2 Pdf HTML Online, now you can Log in to your account
3. Press the button Generate the Javascript
In the Overview tab, press the button "Generate the Javascript" to get the script code that later, will be embedded to our blog template.
4. Copy the script code
Now copy those script codes and put it in the Notepad. Next proceed to the next step!
Injecting the PDF HTML widget in blog template
1. Log in to Blogger
After getting the code snippet for the Pdf HTML widget, now enter to your Blogger account.
2. Go to Edit HTML
In Dashboard, go to Layout/Design > Page Element > Edit HTML.
Anyway, just in case you made a terrible mistake in your blog template, it's a wise decision to save your current template which later can help you revert back your template to the beginning before being edited.
In Edit HTML, press the small box called Expand Widget Templates to generate the whole widget codes of your blog.
4. Find the code
Now it's time to locate the specific code in your blog template. By pressing Ctrl + F at the same time, now search the code below:
<data:post.body/>
5. Paste the script code from Web2 PDF online
Now copy the code snippet of widget and then paste it after the code <data:post.body/>.
6. Save the Change
Now Save the template and now see the result. As you can see in every article page of your blog, the Pdf HTML button has been successfully added to your blog.
Okay then, is it working on your blog? If you face any problem to apply this Pdf HTML on your blog, just ask me. Hopefully, i can give you an assistance for your problem.
Good luck bloggers!
You might also like to read :
Share This Article to Other People Across the World !
Thanks!
Get the fresh update from Whatmakesblog.com!
To get updates from this blog, just enter your email address in the below subscription form and then click Subscribe.
Your email address will not be shared to any third party
Delivered by FeedBurner
8 comments:
good info,thanks for sharing
Yeah sure @Yahaya, thanks for the comment!!
Thanks for sharing!!! Nice Template
Yeah Thanks Sahil for the Comment..I am actually planning to share this template when i'm finished creating the heading part of this template. You should wait for that...
Powerful tips, thanks.
You're a genius!
Hey Friend Its Not Working In My Template :(
Hi saikrishna,
What the exact problem you're having right now with adding the PDF button in your blog?
Hope you can tell me more detail about it...
Post a Comment