>>> How to Download Paid Android Apps for Free   >>> Aakash Tablet Good for Blogger to Blog on The Move   >>> Use Automatic Fixed Read More Jump Break With Thumbnail On Blogger   >>> How To Create A Privacy Policy Page To Comply With AdSense TOS   >>> Solution for Common Problems of "Drop Down Menu" for Blogger Blogspot Blog   >>> Best Tutorial to Make CSS Drop Down Menu for Blogger Blogspot Blog   >>> Add Custom Search Box In Blogger Blogspot   >>> Create a Facebook Fan Page for your Blog   >>> Add a Contact Me Page (Form) To Your Blogger/BlogSpot Blog   >>> Add Cool Subscription Widget to Blogger Blogs   >>> How to Setup Your own Domain to Blogger Blogspot Blog   >>> Add background music to your blog   >>> How to Buy Custom Domain For Your Blogspot Blog Via Blogger   >>> Blog's Definition & History In Short Note   >>> How To Remove Low paying Adsense Ads   >>> How To Host Javascript Or .Js Files On Blogger Itself   >>> Adding Numbered Page Navigation Bar For Blogger Blogspot Blog   >>> How To Change Blogger Mouse Cursors In Easy Way   >>> New Blogger App for mobile phones like iPhone, iPad, iPod Touch   >>> How to Delete or Remove Posts From Blogger Blogspot Blog   >>> How to Remove or Change the Blog Title Border in Blogger (Blogspot) - Minima Template   >>> Add or Change Background Image of a Blogger Template   >>> Add a Post Divider Between Blogger Posts   >>> How to Align and Justify Blogger Posts   >>> Guide to Blogger Blogspot FAQs   >>> How To Delete a Blogger Blogspot Blog   >>> Solution to Missing Add a Gadget Feature in Blogger   >>> Free Essential Tools for a Blogspot Blogger   >>> Add 3 Column or 4 Column Footer to Blogger   >>> Add Email This Post Link to Blogger   >>> How to Change Bullet Point Style in Blogger (Blogspot) Lists   >>> Show Date Above Blogger Post Title   >>> Blogger Post Image Borders Change or Remove   >>> Remove Image Border in Default Blogger Templates Simple and Awesome Inc   >>> How to Add a Table to Blogger Blogspot Post   >>> Choose Your Own Blogger Post Date   >>> How to Add a Subtitle to Blogger Posts   >>> Add Profile Images to Blogger Comments   >>> How to Highlight Author Comments in Blogger Posts   >>> Get More Comments on Your Blogger Blog   >>> Blogger Read More Links in Posts with Jump Breaks Feature   >>> How to Add Internal Links Within Blogger Posts   >>> Add Simple Image Slider to Blogger   >>> Add Printer Button or Link to Blogger Blogspot   >>> Add Outbrain Ratings Widget to Blogger   >>> Hide Remove Navbar from a Blogger Blog   >>> Add a Horizontal Links Menu to Blogger   >>> Add a Welcome Message to Blogger Blog   >>> Avoid 6 Common Blogger Mistakes   >>> Add Twitter Badge Button to Blogger   >>> Add a Twitter Followers Counter to Blogger   >>> Tips to Add a Digg Button to Blogger Blogspot   >>> Free Social Bookmark Buttons for Blogger   >>> Add Social Bookmark Buttons to Blogger   >>> Add a Social Bookmarking Button to Blogger   >>> Add Email Subscription Form and Links to Blogger Blogspot   >>> Add a Recent Comments Feed to Blogger Sidebar   >>> Add a Recent Posts Feed to a Blogger Blog   >>> Add a Categories Section to a Blogger Blog (Blogspot Blog)   >>> Add Affiliate Banner Below Post in Blogger   >>> Add an Affiliate Banner to a Blogger Header   >>> Add an Affiliate Banner to Blogger Sidebar   >>> Place Google Adsense Below Post Title in Blogger   >>> Add Google Adsense Below Blogger Post   >>> Add Feedjit Live Traffic Feed to Blogger   >>> Add Google Analytics to a Blogger Blog   >>> Track Visitors to Your Blogger Blog   >>> Submit Blogger Blog to Blog Directories   >>> Submit Your Blogspot Blog Sitemap to Google   >>> Submit Your Blogspot Sitemap to Yahoo   >>> Add a Blogger Sitemap to MSN Bing Webmaster Tools   >>> Submit a Blogger Sitemap to Major Search Engines   >>> Blogger RSS Feeds and Feedburner   >>> Burn Blogger RSS Feeds at Feedburner   >>> Add a Feedburner FeedFlare to Blogger Feed   >>> How to Create Search Engine Friendly Permalinks for Blogger Posts   >>> Adjust Blogger Title Tags to Improve SEO   >>> Add Amazon Product Links to Blogger Posts   >>> Make Money Add an Amazon Widget to Blogger   >>> Add Chitika Ads to Blogger Blogspot   >>> Earn Money with Chitika and Blogger   >>> 5 Easy Ways to Make Money from Blogger   >>> Make Money Add Banners Ads to Blogger   >>> Blogger Guide to Google Adsense Placement   >>> Add Banner Adsense Above Blogger Header   >>> Bloggers Guide to Google Adsense Myths   >>> Add Google Adsense to Blogger Header   >>> Better Placement of Google Adsense in Blogger   >>> Google Adsense Tips for a Blogger Blog   >>> Add Paypal Donate Button to Blogger   >>> Increase Google Page Rank Blogger Blogspot   >>> Make Money With Adsense Keywords and Blogger   >>> Add Meta Tags to Blogger for Better SEO   >>> Add Breadcrumb Navigation to Blogger Blogspot   >>> Blogger Blogspot SEO Tips and Tricks   >>> 10 Tips to Build Blogger Blogspot Site Traffic   >>> Embed a Comment Form in Your Blogger Posts   >>> List of How Blog Works Blogger Tutorials   >>> Add Missing Embedded Comments Form to Blogger   >>> How to Add Missing Quick Edit Wrench to Blogger      + Grab this Widget on howblogworks

Tuesday, August 23, 2011


Add Paypal Donate Button to Blogger

If you want to make a few bucks from all the hard work you are putting into your blog then consider adding a Paypal donate button to your Blogger blog (Blogspot blog).


Adding a donation button will encourage all those happy readers to say a big thank you for helping them out. Not everyone will donate but you will get the odd generous soul who will willingly donate some chump change to shout you a coffee.

In this Blogger tutorial we will be adding a gadget to the Blogger sidebar or alternatively you could place it in the foooter of your Blogger template. We will be using a widget to contain our Paypal Donate Button and will not be changing your Blogger template. If you wish to place the donate button into your Blogger posts see the end of this Blogger tutorial for details.

Skill level is rated easy.
How to Add a Paypal Donate Button to Blogger (Sidebar or Footer Gadget)

1. Get yourself a Paypal account if you don't already have one

2. Login to your Paypal account

3. Click on the Merchant Services tab



4. Choose Donations from the list of key features displayed in the right sidebar of the PayPal Website Payments Standard Option (first of 3 payment solutions)



5. From the Paypal Create a Payment Button screen choose Donation from the dropdown menu at Step 1. if it is not already selected.

6. Stick with the default button unless you wish to customize it

7. Choose your currency depending on your needs and location

8. Choose Donors enter their own contribution amount radio button unless you want to have a set amount



9. Ensure the Secure Merchant ID radio button is selected. This will prevent spammers getting hold of your email address

10. At Step 2 it is worth saving your button

11. At Step 3 Customize your checkout page by allowing donors to write a short comment by selecting the Yes radio button to special instructions to seller

12. Select the No radio button for Customer's Shipping Address

13. Select the Create Button button

14. Once Paypal creates the donate button code copy it by right clicking your mouse and choosing copy

15. Logout of Paypal

16. Login to Blogger if you are not already logged in

17. Go to Design > Page Elements

18. Click on the Add a Gadget link in the sidebar

19. Choose HTML/Javascript widget from the list provided

20. Paste the button code into the Content box of the dialog box that appears by placing the mouse inside the box and right clicking the mouse and then paste

21. Select a title like "Shout Me a Coffee Today!" or whatever you would like

22. Click on the Save button

23. Drag and drop your new donation gadget into the spot you want it to appear in

24. Click the Save button to ensure your changes are saved

25. Click View Blog to see your new donate button in the sidebar of your Blogger blog

26. Click on your new donate button and you will be taken to the Paypal Checkout screen




Tips and Troubleshooting

  1. To Add a Paypal Donate Button to Blogger Posts
    The following instructions will add a Paypal Donate button to all new Blogger posts. Note previous posts will not be changed. You will need to hard code the button into your Blogger template to have the Paypal Donate button added to every Blogger post. (Please ask if you need help with this)

    1. Follow the directions (steps 1-16) as above to get your Paypal button code
    2. In Blogger go to Settings > Formatting
    3. Paste the Paypal Donate Button code into the Post Template box
    4. Save changes
    5. Click on New Post to see that the code will be automatically inserted at the foot of each new post. (you will need to be in Edit Html mode to see the code)
  2. To Add a Paypal Donate Button to Individual Blogger Posts
    1. Follow the directions (steps 1-16) as above to get your Paypal button code
    2. In Blogger go to the post you wish to insert the button code into
    3. Insert the button code taking care to change all instances of double quotes to single quotes
    4. Save post and publish as normal. (If you have trouble with the preview post button in the old editor in Blogger click on compose and then edit html)


This Blogger tutorial has walked you through the steps needed to add a Paypal donate button to your Blogger blog (Blogspot blog) including how to configure your Paypal button at Paypal. I have covered adding the button as a sidebar gadget or footer gadget or alternatively added to Blogger posts. Have fun!




The measure of life is not its duration, but its donation.





Related Posts
List of How Blog Works Tutorials for Blogger Blogs
Tips for Adding Google Adsense to Blogger
Better Placement of Google Adsense in Blogger
Add Google Adsense to a Blogger Header
Bloggers Guide to Google Adsense Myths
Add Google Adsense or Banner Above Blogger Header
Blogger Guide to Better Google Adsense Placement
Make Money with Adsense Keywords and Blogger
Make Money By Adding Banner Ads to Your Blogger Blog
5 Easy Ways to Make Money from Blogger
Add Chitika Ads to Blogger Blogspot
Make Money Add an Amazon Widget to Blogger
Add Amazon Product Links to Blogger Posts

No comments:

Post a Comment