Uncategorized

add paypal donation button script to blogger and wordpress blogs

Off 18

Rather than advertising revenue some websites depend on donations from users to run their sites. Although there are few online paypal button code generator websites available, I would like to explain how to generate paypal donation button script manually using your own paypal account. In order to create a donation button in paypal you need to have paypal account of any type (personal , business or merchant).

Creating the code for Paypal donation button

In order to create the paypal donation button script, just login to your paypal account.Then navigate to Merchant services sub page. There under ” PayPal Website Payments Standard ” , you can see a link to ” Donations” page. Click that “donations” link.

paypal
Now in that page , edit the paypal button code to suit your template. You can also have your own paypal donations button image. You can use some online paypal button creation websites to create a paypal donation button , then upload those images to your blog. In that paypal donation button customization page , enter that image url.

Then you can also customize the paypal donations script over there itself. I have explained them in my video tutorial for this hack.
So now we will have the paypal donation button script with us. Copy and paste the script somewhere in notepad.

 

VIDEO TUTORIAL to create paypal donation button

 

 

 

Online paypal donation button script generators

You can also generate the paypal donation button script using the following online paypal code generators.

 

 

Enter your paypal account details there and finally you will have the code ready to add in your blog/wesbite.

The above sites are some of the paypal button creators which i have found so far. If you any other then please let me know using comments.

ADDING PAYPAL DONATION BUTTON TO BLOGGER BLOGS

To add the paypal donation button to your blogger blogs , Go to layout section of your blogger blog. Then add a HTML/JAVASCRIPT widget using “add a gadget” option in the layout page. Paste the paypal donation button code you generated either via the online paypal button creator or from the paypal website itself there. Then click save , Now you can see a cool paypal donation button on your website.

if you want to add the paypal donation button below post of your blogger blog, then navigate to the EDIT HTML subtab in the layout section.
Then click “Expand Widget Templates” option in that page. Now search for this tag <p><data:post.body/></p> and add the paypal donation button code immediately below that line.

Now you can see a beautiful paypal donation button in your blogger blog.

 

ADDING PAYPAL DONATION BUTTON TO WORDPRESS

In order to add the paypal donation button code to your wordpress blog , Go to Themes appearance/presentation tab. Then navigate to WIDGETS option available there.
Add either a text widget or HTML widget and paste the paypal button code there.

If you want to add the paypal donation button below post in wordpress too , then navigate to EDITOR option in APPEARANCE. IN editor page search for single.php page. There place the paypal donation button code immediately below the “the_content” whole tag line.

Conclusion :

I hope that you guys will like this tutorial for adding paypal donation button. Placing a donation button in your blog can help you to earn some extra income.

P.S: This is my first video tutorial for blogger users. I have created a new youtube channel for uploading blogger tutorials over there. Hope you guys will support me for that.

About the author / 

Mohamed Rias

I'm a programmer, photographer, and proud parent. With a passion for coding and a love of capturing life's moments through my camera lens, I'm always on the lookout for new challenges and opportunities to grow. As a dedicated parent, I understand the importance of balancing work and family, and I strive to be the best version of myself in all aspects of my life.

Related Posts

Popular

Editor’s Pick

  • React Lazy Loading and Suspense: Boost Performance & UX

    Learn how to improve your React app’s performance and user experience by implementing lazy loading and suspense. Discover the benefits and best practices of using these features for faster page load times and smoother user interactions.

  • 45+ Unbelievable Landscape Photography Inspirations

    Beach Grass, Scotland Marram beach grass blowing on the coast of the Isle of Lewis. Pampa – Santa Fe, Argentina Hengill Mountain, Iceland Hengill mountain is close to Reykjavik and is famous for its geothermal areas and vivid colours. Storm Clouds, South Dakota Large powerful storms can be nearly a daily occurrence during the summer…

  • Responsive Web design Tips : #1 SCALING IMAGES

    Responsive Web Design is an approach in which a designer intends to provide an optimal viewing experience. Before knowing about the concept of scaling images, let’s have a look on “Responsive Web Design”. Nowadays people want to get access to the Internet data from any place using a wide range of portable devices- desktops, laptops,…

  • Mastering the Art of Newborn Sleep: Proven Tips for Better Sleep in the First Week

    Congratulations on your new arrival! As a new parent, you’ll quickly realize that one of the biggest challenges of caring for your newborn is ensuring they get enough sleep. In their first week of life, newborns typically sleep for 16-17 hours a day, but it can be difficult to establish a sleep routine that works…

  • Show Adsense ads below post title

    In this tutorial I will explain how to place Adsense ads below post title in Blogger Blogs with lots of customization tips. You might have noticed that most of the bloggers show Google adsense ads below title to increase their Click through rate and earnings. According to Google adsense help pages ” Where to place…