Hi bloggy readers,
I have a good news for all of you guys. Do you know that now, we can save our blog posts page into the ebook files, pdf format. But why do we need to save our page into that pdf files? Certainly, it can help the visitors to save our blog pages, so in the future, they dont need to visit the page they already read, just open that pdf files they save in their computer. Ok, in this tutorial, i would like to discuss about the making of the widget that can save the blog pages into a pdf files.
First thing first, you must go web2.pdfonline and sign up there. After that Login to that site and in the Overview tab, press the "Generate the Javascript" to get the code. Now copy those script codes and put it in the Notepad. Next proceed to the next step!
Let's start the tutorial!
1. Login to Blogger.com
2. Go to Layout -> Edit HTML
3. Now make a back up template by clicking "Download template"
4. Give a tick at the "Expand widget templates"
5. Press Ctrl + F and find the code below:
Or if you already used the Readmore feature, find this code:
6. Now copy the code we got from web2.pdfonline and then paste after the red code above.
7. Save the template and now see the result.
Hope it works well on your template guys. Good luck bloggy!
I have a good news for all of you guys. Do you know that now, we can save our blog posts page into the ebook files, pdf format. But why do we need to save our page into that pdf files? Certainly, it can help the visitors to save our blog pages, so in the future, they dont need to visit the page they already read, just open that pdf files they save in their computer. Ok, in this tutorial, i would like to discuss about the making of the widget that can save the blog pages into a pdf files.
First thing first, you must go web2.pdfonline and sign up there. After that Login to that site and in the Overview tab, press the "Generate the Javascript" to get the code. Now copy those script codes and put it in the Notepad. Next proceed to the next step!
Let's start the tutorial!
1. Login to Blogger.com
2. Go to Layout -> Edit HTML
3. Now make a back up template by clicking "Download template"
4. Give a tick at the "Expand widget templates"
5. Press Ctrl + F and find the code below:
<data:post.body/>
Or if you already used the Readmore feature, find this code:
<b:if cond='data:blog.pageType
== "item"'>
<style>.fullpost{display:inline;
}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}
</style>
<p><data:post.body/>
<a
expr:href='data:post.url'><st
rong>Read
more...</strong></a></p>
</b:if>
== "item"'>
<style>.fullpost{display:inline;
}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}
</style>
<p><data:post.body/>
<a
expr:href='data:post.url'><st
rong>Read
more...</strong></a></p>
</b:if>
6. Now copy the code we got from web2.pdfonline and then paste after the red code above.
7. Save the template and now see the result.
Hope it works well on your template guys. Good luck bloggy!

| What do you think? |
Related Posts :




