Adding paypal DONATE button on website... [O2Trick]

Hi readers,  

After writing Convert blog to an ebook for offline reading .. .

Now I'm going to wirte how to add paypal donate button on websites... :D

How To Get the PayPal Donate Button Code?

Kindly follow these steps,

1. Log into PayPal
2. Click The Merchant Services Tab and then select Donate Option under Create Button

    3.  Then Fill the form with relevant details as shown below. Leave step-2 and step-3 as default.

     4. Hit Create Button

     5.  Click Remove code protection Link in order to simplify the code. Its completely safe even this way.

       6.  Copy the code and jump to the next part of the tutorial below.

How to add Customized PayPal Donate Button To Blogger?

Note:- Before adding the customized code shared below to blogger if you wish to try it on MBT HTML Editor and customize the look then its not a bad idea. :)

As usual I have tried my best to keep it simple. So here we go,

1. Go To Blogger > Design > Edit HTML
2. Back up your template
3. Check the Expand Widget Templates box
4. Search for data:post.body
5. Just below it paste the code below,

<b:if cond='data:blog.pageType == &quot;item&quot;'>
  <table border='0' cellpadding='2' cellspacing='0' width='590'><tbody>
      <tr>
        <td><div style='border:5px solid #37BD07; padding:5px 10px; margin-right:5px;'>  <br/> PASTE PAYPAL DONATE BUTTON CODE RIGHT HERE </div> </td>
        <td>
          <p align='justify'><font color='#2FAA2F'><em><strong>Respected Readers:</strong></em></font>
                  <br/><em>WRITE YOUR SHORT REQUEST MESSAGE HERE</em></p>
       </td>
      </tr>
    </tbody></table>
</b:if>

Replace PASTE PAYPAL DONATE BUTTON CODE RIGHT HERE with your PayPal code that you got earlier. And replace WRITE YOUR SHORT REQUEST MESSAGE HERE with something that may catch reader’s attention. You can get an idea from my request message.

  6. Save your template and visit your blog and see it hanging in action :)

How To Customize The Code?

• To Change the width of the widget change the value width='590'
• To Change the border size and colour change border:5px solid #37BD07

That’s it!

Please note that if PayPal is not available in your countries then you can use Donate button of any Online account that you may have. 

Hope you like this one....

For more tips, trick and tutorial . Subscribe IT.

Please give me your feedback in comment box...