|
|
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.
Signing up to Pdf HTML to get the widget
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.
3. Give a tick at the Expand Template widget box.
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:
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.
And if you liked this post, please consider sharing it. Thanks!
Source:Internet
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.
And if you liked this post, please consider sharing it. Thanks!
Source:Internet
0 comments:
Post a Comment