How to Add Ko-fi Button to Tumblr

HomeHow ToHow to Add Ko-fi Button to Tumblr

How to Add Ko-fi Button to Tumblr

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!

hand-picked weekly content in your inbox

.

related posts

LEAVE A REPLY

Please enter your comment!
Please enter your name here