TechQuest

Listed below is “10 Useful Blogger Tweaks and Tools To Improve your Reader Experience”. It will help in enhancing your visitors or readers experience. 80% of these list will make your visitors or readers come back for more. Try it to believe it.

“10 Useful Blogger Tweaks and Tools To Improve your Reader Experience”

1) - Respect your readers or visitors

The first thing is respect. When your readers give a straight forward comments, respect them and reply them professionally. Don’t assume and argue with them saying that you are always right. Let your readers win, they will respect you.

2) - Reward your readers or visitors

Reward them with prominence. Create a special link in you blog roll called “Blog I Follow”. Direct your blog traffic to the specific reader’s website. What’s important is that you find an easy way to track their posts. You can also reward them by subscribing to their RSS Feed if you don’t want to miss their post.

You can also highlight them in your blog post that you write. Make sure the post you write link back to their website and make sure your post is relevant. Don’t write about “A” and site is about “Z”. Leave comments on your reader site, they will love to have more comments but don’t spam.

If your readers or visitors doesn’t have a blog or website, reward them with Free E-Books download. You can also reward them if they become your Top Commentator of the month, reward them with online freebies. You can get a lot of them online. Just search for it or go to http://www.freebielist.com.

3) - Add a language translation widget

Some readers can’t understand English, provide them with language translations on your blog. They will sure to come back if you have good article. Read my post on “How to Add language Translation Widget for your website or blog”.

4) - Get in touch with your readers online

Get in touch with them to share new ideas and make your friendship better. You can install some widgets on your site to get in touch. Google Talk Badge will enable site visitors to get in touch with you quickly. They won’t need a Google account and the badge is enabled only when you are online. You can also install Skype buttons on your blog. Read more on How to Add Skype buttons to on your site.

5) - Add “Save Pages as PDF” Button

Add this button on your site to allows your visitors to quickly save useful information in your blogs and websites to PDF files. This will saves your readers time looking for PDF downloader on the net. To install PDF buttons on you blog. Read this post on “How Add “Save Pages as PDF” Button to Your Blogs/Sites”.

6) - Implement Related Post

This related post is only for blogger. Sorry for those on WordPress. This hack enable readers easily integrates with your relevant post. If you are writing about “A” your readers will sure want to finds out more about “A”. It uses relevant keywords on your post Labels. Read this post on “How to Put Related Post On Blogger”.

7) - Add a search box

Well this tip some of you already know what is for right? Just to let your readers search for your articles. No need to browse for each post and saves time. Read here on “How to add search box in your site”.

- Let your readers reward you:- Add a “Rating Star” widget

Now it’s time for your readers or visitors to reward you with something. Ratings add a fun and easy level of interactivity for readers to engage your content. Your readers can give rating on your post. If it’s a good post, they will sure to rate good ‘Duh’. Read more on “How to Add “Start Rating” Widget”.

9) - Let your readers reward you :- Add a Digg button

Let your readers reward you back. Let your readers drive in new traffic and readers to your site.Good story = ‘digg’. Place a real-time Digg count and vote button to every single blog post Digg is a social content website where your readers or you can submit content to. Read more on “How to Add Digg Button”.

10) - Ask your reader to subscribe to your RSS

Lastly. always ask your readers or visitors to subscribe to RSS or by email. Don’t let them miss your most recent post. Always place Subscribing options at the end of the post or place a RSS Feed Icon on your sidebar to make it easier for your readers. You can check it out 43 Awesome Free RSS Icons for Your Blog.

I hope 10 Useful Blogger Tweaks, Tips, Tricks and Tools To Improve your Reader Experience . You are free to duplicate or post this article in your blog BUT remember must link back to me.

Don’t forget to Subscribe to The-Online-Quest via RSS or you can receive daily updates via Email.

Signing off..

You have a good story, good post but nobody will rate your story if there’s no rating option in your blog. Ratings add a fun and easy level of interactivity for readers to engage your content. You can add the widget instantly by adding a small snippet of code to your site.

How to Add “Start Rating” Widget in Blogger

Outbrain offers two extra advantages as well - your readers can find more stories related to the one they are currently reading and two, they can rate stories even from feed readers.

Step 1:

To add “Start Rating” Widget in Blogger simple go to Outbrain.com

Step 2:

Click the Blogger icon.

Step 3:

Just proceed to Step 2 and click Get Widget Now!, don’t forget to change your own languages.

Step 4:

Notice a new browser window has opened with your blog dashboard. Click ADD WIDGET and Save. And you are done.

Enjoy your new Start Rating Widget.

Don’t forget to Subscribe to The-Online-Quest via RSS or you can receive daily updates via Email.

Signing off..

In my old post i teach you How to create expandable post summaries. This hack is very handy if you have very long articles on your blog. In this version you can add “Read More” Icon/Image for your blog. And please note that this hack is only for Blogspot blogs.

Before you can add “Read More” Icon/Image in your blog, you need to create expandable post summaries first. To create, read this post on “How to create expandable post summaries“

Note that you’ll need to have post pages enabled in order to make this feature work.

Examples:

After you have created expandable post summaries, please proceed to the next step.

Step 1:

Before you do anything to your template, please back it up first. To backup go to your blogger dashboard Layout -> Edit HTML -> Download Full Template

Step 2:

After you have backup your template,tick Expand Widget Templates in Edit HTML section. Find the code below in red:-

<p><data:post.body/></p>

Step 3:

After you have found the code above, scroll down until you find the code below in blue:-

<b:if cond='data:blog.pageType != "item"'><br />
<a expr:href=’data:post.url’>Read more!</a>
</b:if>

Step 4:

Replace the text Read More! with the code below in green:-

<img src='YOUR IMAGE URL'/>

It will look something like this:-

<b:if cond='data:blog.pageType != "item"'><br />
<a expr:href=’data:post.url’><img src=’YOUR IMAGE URL’/></a>
</b:if>

Step 5:

Change YOUR IMAGE URL to your own image URL and Preview. After your have satisfied Save your template.

You can also use the Icon/Image below for your blogs.

- <img src="http://1.bp.blogspot.com/_9wkYNEvgUgo/SRaT9Z1XIgI/AAAAAAAABiQ/PA6xiexA07o/s320/more_icon.gif" alt="http://djyano.blogspot.com" />

- <img src="http://d.imagehost.org/0045/readmore.gif" border="0" alt="http://djyano.blogspot.com" />

- <img src="http://d.imagehost.org/0612/icon-read-more.gif" border="0" alt="http://djyano.blogspot.com" />

- <img src="http://d.imagehost.org/0664/icon_link.gif" border="0" alt="http://djyano.blogspot.com" />

- <img src="http://d.imagehost.org/0366/readMoreIcon.gif" border="0" alt="http://djyano.blogspot.com" />

- <img src="http://d.imagehost.org/0141/read.gif" border="0" alt="http://djyano.blogspot.com" />

- <img src="http://d.imagehost.org/0403/images_4.jpg" border="0" alt="http://djyano.blogspot.com" />

By default, the Labels will have an automatic count of the number of posts. You can remove those counts. To remove label counts in blogger, just follow the step by step instructions below.

Step 1

Before you do anything to your templates, please backup your template first.

Login to your dashboard, go to Layout -> Edit HTML and Click Download Full Template

Step 2

After you have downloaded your template, tick Expand Widget Templates box, and find this code <b:widget id=’Label1′ locked=’false’ title=’Labels’ type=’Label’>

Question: Why i can’t find <b:widget id=’Label1′ locked=’false’ title=’Labels’ type=’Label’> in my Edit Template HTML section?

Answer: You probably have not install Label widget in your Page Elements. You need install Label widget first before you can remove the Label number count.

To install Label widget, Go to Page Elements, Add a Gadget and add Labels (under basic tab) and click Save

Step 3

After you have found the code above, scroll down until you find this code (<data:label.count/>) and delete it.

Step 4

Preview your template, after you satisfied, save your template.

Get a free translation button that can translate your website or blog to any language with the help of all the major online translators: Google, BabelFish, Live Translator, SDL and more! Remove the hassle of maintening code from translators that are down or suspended.You get statistics about languages your pages were translated into the most.

You can choose your own color and style which fits to your liking, ConveyThis allows you to access your statistic page to track your foreign visitors.

To get started, register to ConveyThis. Click here. After you completed your registration, Click Get your button code here!

See example below.

ConveyThis is free, just grab the quick code and display ‘converythis’ translation widget box on your blog or website.

Writing a post or an article is like writing a letter. A letter will not complete if you doesn’t add your signature in it. See right for an example signature. That’s mine. You can add it too, just follow the simple instructions below.

Creating you signature
There are many ways to create your own signature online. But i chose the simple one so that you can easily understand.

Go to My Live Signature and just follow the instructions given.

Adding signature to Blogger

So you already got your signature but how do you add it in Blogger after every post? Basically there are two methods. But before you add it in Blogger, you have to host your image first. I used http://imageshack.us/ for mine.

After you have hosted image, replace YOUR IMAGE URL that is in red.

<img src=’YOUR IMAGE URL’/>

Method 1

This is the easiest method. Go to Blogger dashboard, go to Settings -> Formatting -> Post Template.

Add <img src=’YOUR IMAGE URL’/> and Save Settings.

You are done, you signature will display when you post your new article.

Method 2

Method 2 is quite for some people, if you are not sure what you are doing please follow Method 1 but if you insist and you want to try this Method please backup your template first.

Step 1

Find this code :-

<p><data:post.body/></p>

if you can’t find the code, find this :-

<data:post.body/>

After you have found the code, paste <img src=’YOUR IMAGE URL’/> just after <p><data:post.body/></p>

Step 2

Save your template.

Enjoy your new signature.

Skype buttons can be used on your website, blog or even in your email signature to let other people contact you easily. With Skype you can say hello or share a laugh with anyone, anywhere. And if both of you are on Skype, it’s free.

Intructions

Step 1: Login to Blogger dashboard then goto ‘Layout‘ –> ‘Edit HTML‘ –> ‘Page Elements‘ and Add a Gadget

Step 2: Add HTML/JavaScript

Step 3: Copy all the codes provided below and change YOUR SKYPE NAME highlighted in red to your Skype Name.

Step 4: After you add your Skype name, paste all codes in HTML/JavaScript and Save

Skype buttons

<!-- Skype buttons code start --><!-- Credits to http://djyano.blogspot.com --><script type="text/javascript" src="http://download.skype.com/share/skypebuttons/js/skypeCheck.js"></script><a href="skype:YOUR SKYPE NAME?call"><img src="http://download.skype.com/share/skypebuttons/buttons/call_green_white_153x63.png" style="border: none;" width="153" height="63" alt="Skype Me™!" /></a><!-- Skype buttons code end --><!-- Credits to http://djyano.blogspot.com -->

<!-- Skype buttons code start --><!-- Credits to http://djyano.blogspot.com --><script type="text/javascript" src="http://download.skype.com/share/skypebuttons/js/skypeCheck.js"></script><a href="skype:YOUR SKYPE NAME?call"><img src="http://download.skype.com/share/skypebuttons/buttons/call_blue_white_124x52.png" style="border: none;" width="124" height="52" alt="Skype Me™!" /></a><!-- Skype buttons code end --><!-- Credits to http://djyano.blogspot.com -->

<!-- Skype button code start --><!-- Credits to http://djyano.blogspot.com --><script type="text/javascript" src="http://download.skype.com/share/skypebuttons/js/skypeCheck.js"></script><a href="skype:YOUR SKYPE NAME?add"><img src="http://download.skype.com/share/skypebuttons/buttons/add_green_white_195x63.png" style="border: none;" width="195" height="63" alt="Add me to Skype" /></a><!-- Skype button code end --><!-- Credits to http://djyano.blogspot.com -->

Skype buttons with Status

<!-- Skype buttons code start --><!-- Credits to http://djyano.blogspot.com --><script type="text/javascript" src="http://download.skype.com/share/skypebuttons/js/skypeCheck.js"></script><a href="skype:YOUR SKYPE NAME?call"><img src="http://mystatus.skype.com/balloon/YOUR SKYPE NAME" style="border: none;" width="150" height="60" alt="My status" /></a><!-- Skype buttons code end --><!-- Credits to http://djyano.blogspot.com -->

<!-- Skype buttons code start --><!-- Credits to http://djyano.blogspot.com --><script type="text/javascript" src="http://download.skype.com/share/skypebuttons/js/skypeCheck.js"></script><a href="skype:YOUR SKYPE NAME?call"><img src="http://mystatus.skype.com/bigclassic/YOUR SKYPE NAME" style="border: none;" width="182" height="44" alt="My status" /></a><!-- Skype buttons code end --><!-- Credits to http://djyano.blogspot.com -->

<!-- Skype buttons code start --><!-- Credits to http://djyano.blogspot.com --><script type="text/javascript" src="http://download.skype.com/share/skypebuttons/js/skypeCheck.js"></script><a href="skype:YOUR SKYPE NAME?call"><img src="http://mystatus.skype.com/smallclassic/YOUR SKYPE NAME" style="border: none;" width="114" height="20" alt="My status" /></a><!-- Skype buttons code end --><!-- Credits to http://djyano.blogspot.com -->

<!-- Skype buttons code start --><!-- Credits to http://djyano.blogspot.com --><script type="text/javascript" src="http://download.skype.com/share/skypebuttons/js/skypeCheck.js"></script><a href="skype:YOUR SKYPE NAME?call"><img src="http://mystatus.skype.com/smallclassic/YOUR SKYPE NAME" style="border: none;" width="114" height="20" alt="My status" /></a><!-- Skype buttons code end --><!-- Credits to http://djyano.blogspot.com -->

Enjoy your new button.

In my old post, I wrote on How to Put Paypal Donation Code to Your Blog/Site. But that post was just a plain and boring code. Now i wrote another post Put Paypal Donation Code to Blogspot BUT with design button to make your blog more presentable.

You need a paypal account to receive donations from your readers or your visitors. If you have already sign up for paypal account. You can continue reading below.

If you don’t have a paypal account, click here to sign up one.

Ok here we go.

The process is simple and easy. All you need to do is just copy the code provided and paste it in your blogger Page Elements section

If you don’t how to go to Page Elements section, follow this instruction.

On your dashboard, Click Layout -> Page Elements. Add a new page element. Click add HTML/JavaScript and ADD TO BLOG.

Copy all the codes below and change some values that are in red color.

Note : Please do not remove my link at the end of the button code. Please provide credits for my hard work. Thank you.

Buy me a Beer Donation Button Code:

<!-- http://djyano.blogspot.com Pay Pal Donation Form Code Start -->

<form action="https://www.paypal.com/cgi-bin/webscr" method="post"><input name="cmd" value="_donations" type="hidden"><input name="business" value="YOUR EMAIL ADDRESS" type="hidden"><input name="item_name" value="Donations to YOUR WEBSITE TITLE" type="hidden"><input name="no_shipping" value="1" type="hidden"><input name="return" value="http://www.ebook-quest.info/" type="hidden"><input name="cancel_return" value="http://djyano.blogspot.com/" type="hidden"><input name="no_note" value="1" type="hidden"><input name="currency_code" value="USD" type="hidden"><input name="tax" value="0" type="hidden"><input name="bn" value="PP-DonationsBF" type="hidden"><div style="border: 2px solid ; width: 125px; height: 150px; text-align: center;"><input src="http://i84.photobucket.com/albums/k17/ishikawa18/buymeabeer.gif" name="submit" alt="PayPal - The safer, easier way to pay online!" type="image" border="0"><img alt="" src="http://i84.photobucket.com/albums/k17/ishikawa18/buymeabeer.gif" width="1" border="0" height="1" /><a href="http://djyano.blogspot.com/2008/07/put-paypal-donation-buttons-to-blogspot.html" target="_blank"><b>Get This Buttons</b></a></div></form>

<!-- End of http://djyano.blogspot.com Pay Pal Donation Form Code -->

Donating hand Donation Button Code:

<!-- http://djyano.blogspot.com Pay Pal Donation Form Code Start -->

<form action="https://www.paypal.com/cgi-bin/webscr" method="post"><input name="cmd" value="_donations" type="hidden"><input name="business" value="YOUR EMAIL ADDRESS" type="hidden"><input name="item_name" value="Donations to YOUR WEBSITE TITLE" type="hidden"><input name="no_shipping" value="1" type="hidden"><input name="return" value="http://www.ebook-quest.info/" type="hidden"><input name="cancel_return" value="http://djyano.blogspot.com/" type="hidden"><input name="no_note" value="1" type="hidden"><input name="currency_code" value="USD" type="hidden"><input name="tax" value="0" type="hidden"><input name="bn" value="PP-DonationsBF" type="hidden"><div style="border: 2px solid ; width: 125px; height: 150px; text-align: center;"><input src="http://i84.photobucket.com/albums/k17/ishikawa18/securedonation.gif" name="submit" alt="PayPal - The safer, easier way to pay online!" type="image" border="0"><img alt="" src="http://i84.photobucket.com/albums/k17/ishikawa18/securedonation.gif" width="1" border="0" height="1" /><a href="http://djyano.blogspot.com/2008/07/put-paypal-donation-buttons-to-blogspot.html" target="_blank"><b>Get This Buttons</b></a></div></form>

<!-- End of http://djyano.blogspot.com Pay Pal Donation Form Code -->

Paypal Donation Button Code 1:

<!-- http://djyano.blogspot.com Pay Pal Donation Form Code Start -->

<form action="https://www.paypal.com/cgi-bin/webscr" method="post"><input name="cmd" value="_donations" type="hidden"><input name="business" value="YOUR EMAIL ADDRESS" type="hidden"><input name="item_name" value="Donations to YOUR WEBSITE TITLE" type="hidden"><input name="no_shipping" value="1" type="hidden"><input name="return" value="http://www.ebook-quest.info/" type="hidden"><input name="cancel_return" value="http://djyano.blogspot.com/" type="hidden"><input name="no_note" value="1" type="hidden"><input name="currency_code" value="USD" type="hidden"><input name="tax" value="0" type="hidden"><input name="bn" value="PP-DonationsBF" type="hidden"><div style="border: 2px solid ; width: 125px; height: 150px; text-align: center;"><input src="http://i84.photobucket.com/albums/k17/ishikawa18/paypalbutton.gif" name="submit" alt="PayPal - The safer, easier way to pay online!" type="image" border="0"><img alt="" src="http://i84.photobucket.com/albums/k17/ishikawa18/paypalbutton.gif" width="1" border="0" height="1" /><a href="http://djyano.blogspot.com/2008/07/put-paypal-donation-buttons-to-blogspot.html" target="_blank"><b>Get This Buttons</b></a></div></form>

<!-- End of http://djyano.blogspot.com Pay Pal Donation Form Code -->

Paypal Donation Button Code 2:

<!-- http://djyano.blogspot.com Pay Pal Donation Form Code Start -->

<form action="https://www.paypal.com/cgi-bin/webscr" method="post"><input name="cmd" value="_donations" type="hidden"><input name="business" value="YOUR EMAIL ADDRESS" type="hidden"><input name="item_name" value="Donations to YOUR WEBSITE TITLE" type="hidden"><input name="no_shipping" value="1" type="hidden"><input name="return" value="http://www.ebook-quest.info/" type="hidden"><input name="cancel_return" value="http://djyano.blogspot.com/" type="hidden"><input name="no_note" value="1" type="hidden"><input name="currency_code" value="USD" type="hidden"><input name="tax" value="0" type="hidden"><input name="bn" value="PP-DonationsBF" type="hidden"><div style="border: 2px solid ; width: 125px; height: 150px; text-align: center;"><input src="http://i84.photobucket.com/albums/k17/ishikawa18/paypal.gif" name="submit" alt="PayPal - The safer, easier way to pay online!" type="image" border="0"><img alt="" src="http://i84.photobucket.com/albums/k17/ishikawa18/paypal.gif" width="1" border="0" height="1" /><a href="http://djyano.blogspot.com/2008/07/put-paypal-donation-buttons-to-blogspot.html" target="_blank"><b>Get This Buttons</b></a></div></form>

<!-- End of http://djyano.blogspot.com Pay Pal Donation Form Code -->

Make a Donate Donation Button Code:

<!-- http://djyano.blogspot.com Pay Pal Donation Form Code Start -->

<form action="https://www.paypal.com/cgi-bin/webscr" method="post"><input name="cmd" value="_donations" type="hidden"><input name="business" value="YOUR EMAIL ADDRESS" type="hidden"><input name="item_name" value="Donations to YOUR WEBSITE TITLE" type="hidden"><input name="no_shipping" value="1" type="hidden"><input name="return" value="http://www.ebook-quest.info/" type="hidden"><input name="cancel_return" value="http://djyano.blogspot.com/" type="hidden"><input name="no_note" value="1" type="hidden"><input name="currency_code" value="USD" type="hidden"><input name="tax" value="0" type="hidden"><input name="bn" value="PP-DonationsBF" type="hidden"><div style="border: 2px solid ; width: 125px; height: 150px; text-align: center;"><input src="http://i84.photobucket.com/albums/k17/ishikawa18/makeadonationbutton.gif" name="submit" alt="PayPal - The safer, easier way to pay online!" type="image" border="0"><img alt="" src="http://i84.photobucket.com/albums/k17/ishikawa18/makeadonationbutton.gif" width="1" border="0" height="1" /><a href="http://djyano.blogspot.com/2008/07/put-paypal-donation-buttons-to-blogspot.html" target="_blank"><b>Get This Buttons</b></a></div></form>

<!-- End of http://djyano.blogspot.com Pay Pal Donation Form Code -->

Donate! Donation Button Code:

<!-- http://djyano.blogspot.com Pay Pal Donation Form Code Start -->

<form action="https://www.paypal.com/cgi-bin/webscr" method="post"><input name="cmd" value="_donations" type="hidden"><input name="business" value="YOUR EMAIL ADDRESS" type="hidden"><input name="item_name" value="Donations to YOUR WEBSITE TITLE" type="hidden"><input name="no_shipping" value="1" type="hidden"><input name="return" value="http://www.ebook-quest.info/" type="hidden"><input name="cancel_return" value="http://djyano.blogspot.com/" type="hidden"><input name="no_note" value="1" type="hidden"><input name="currency_code" value="USD" type="hidden"><input name="tax" value="0" type="hidden"><input name="bn" value="PP-DonationsBF" type="hidden"><div style="border: 2px solid ; width: 125px; height: 150px; text-align: center;"><input src="http://i84.photobucket.com/albums/k17/ishikawa18/donate.gif" name="submit" alt="PayPal - The safer, easier way to pay online!" type="image" border="0"><img alt="" src="http://i84.photobucket.com/albums/k17/ishikawa18/donate.gif" width="1" border="0" height="1" /><a href="http://djyano.blogspot.com/2008/07/put-paypal-donation-buttons-to-blogspot.html" target="_blank"><b>Get This Buttons</b></a></div></form>

<!-- End of http://djyano.blogspot.com Pay Pal Donation Form Code -->

Note : Reminder, please do not remove my link at the end of the button code. Please provide credits for my hard work. Thank you.

Note: Whoever use my buttons, i will add your link in my blog.

Users who already added paypal buttons

I will update more buttons when i have the time. For the being time enjoy your new buttons and enjoy blogging, if you have put this code in your blog/site, post a comment about it and please let me know.

The import and export features on Blogger give your content a whole new range of portability and freedom, allowing you to create copies of your own blogs as well as import them into other existing ones. Best of all—we’ve made this a very simple process!

Import as a New Blog

To import content as a brand new blog, click Create a Blog from your dashboard.

Then under Advanced Options, click the Import Blog Tool

Finally, choose the Blogger export file (.xml) from your hard drive and fill out the word verification. Click the Upload arrow and your new bog will be created instantly!

Import Into an Existing Blog

To import posts and comments into an already existing blog, start by clicking Import Blog from the existing blog’s Settings | Basic tab.

Note: Your template will not be affected by the imported content.

Next, choose a Blogger export file (.xml) from your hard drive and fill out the word verification beneath. By default, all of your imported posts will remain unpublished until you publish them from your dashboard later. However, if you would rather have all posts published immediately, make sure to check the box next to Automatically publish all imported posts before you click Import Blog.

If you did not choose to have your posts publish automatically, you will need to manually publish them from the Posting | Edit Posts tab before they will appear on the web. You can either publish all the posts at once by clicking Publish all imported posts, or publish individual posts by selecting them and then clicking Publish Selected.

Exporting Your blog

To export your blog, simply click Export Blog from the Settings | Basic tab.

Finally, click the Export Blog button. You blog will be stored as a Blogger export file (.xml) file which can be kept as a backup on your hard drive or imported into another blog.

Note: Exported blogs are not deleted from your dashboard or Blogger.com

Web2PDF Online is a free HTML to PDF Conversion service for your websites that allows your visitors to quickly save useful information in your blogs and websites to PDF files.

Web2PDF Online also keeps track of all the PDF conversion activities in your site, providing you with a metric to measure the importance of your site contents.

Step 1: Set the Conversion Options and Test it

The first step after you sign up is to set the Conversion Options for your “Save page as PDF” button.

To see how the PDF is going to look like, simply type the URL of your web page and click on the “Convert to PDF” button. Tip: You can always use this feature to convert any web page into PDF.

Step 2: Generate the “Save page as PDF” JavaScript

Next, click on the “Generate the JavaScript” button to generate the JavaScript necessary to embed the “Save page as PDF” button in your website. Tip: You can use your own button if you know how to do some programming. Click here for more information.

Step 3: Copy-and-paste the JavaScript to your website

The last step is to copy-and-paste the JavaScript within the body tags of your web page(s), exactly where you want the button to show up.