Ko-fi is a website that allows creators to accept donations from those loving their works. It opens a new opportunity for creators to generate money from doing something they love. To increase the chance of receiving donations, you can spread the link associated with your Ko-fi page somewhere on the internet. In addition, you can also add a Ko-fi button to your Tumblr in case you use Tumblr to promote your creative works.

Adding a Ko-fi button to Tumblr is extremely easy since Ko-fi have provided an official button. A little problem probably is on Tumblr since you have to deal with a complex enough HTML code.

Follow the instructions below to add a Ko-fi button to Tumblr.

Step 1: get the button code

On the step 1, you need to login to your Ko-fi to get the button code. You can get the button from the side panel menu on the main dashboard of Ko-fi. Copy the provided code to paste it later on your Tumblr. By default, Ko-fi offers you a green button, but you can also change the default look if you want it.

Step 2: add Ko-fi button to Tumblr

On the step 2, login to Tumblr with your account and go to the Settings page.

Select a Tumblr blog you want to add the Ko-fi button to.

On the Blog Settings page, click the Edit theme button.

On the next page, click the Edit HTML link.

Decide where you want to put your Ko-fi button. If you want to put the Ko-fi button on your Tumblr header then find the </header> and paste the Ko-fi button code right before that tag.

Or, if you want to add the Ko-fi button at the end of every Tumblr post, then find the {/block:Posts} tag and paste the Ko-fi button code right before that tag.

Once you are done pasting the button code, click the Update Preview button followed by the Save button to apply the new change.

Done!