Skip to content

Instantly share code, notes, and snippets.

@gbraad
Last active April 22, 2024 08:46
Show Gist options
  • Star 74 You must be signed in to star a gist
  • Fork 12 You must be signed in to fork a gist
  • Save gbraad/216f8162d9b382d14b8a097a37cc2c72 to your computer and use it in GitHub Desktop.
Save gbraad/216f8162d9b382d14b8a097a37cc2c72 to your computer and use it in GitHub Desktop.
Buy Me a Coffee

Buy Me a Coffee

Using inlined HTML

Buy Me A Coffee

<a href="https://www.buymeacoffee.com/gbraad" target="_blank"><img src="https://www.buymeacoffee.com/assets/img/custom_images/orange_img.png" alt="Buy Me A Coffee" style="height: 41px !important;width: 174px !important;box-shadow: 0px 3px 2px 0px rgba(190, 190, 190, 0.5) !important;-webkit-box-shadow: 0px 3px 2px 0px rgba(190, 190, 190, 0.5) !important;" ></a>

Using Markdown

"Buy Me A Coffee"

[!["Buy Me A Coffee"](https://www.buymeacoffee.com/assets/img/custom_images/orange_img.png)](https://www.buymeacoffee.com/gbraad)

Note: the option target=_blank is not part of the standard Markdown defintion, so I added the extension option but this might not be supported by the parser. You can test this by using:

[!["Buy Me A Coffee"](https://www.buymeacoffee.com/assets/img/custom_images/orange_img.png)](https://www.buymeacoffee.com/gbraad){:target="_blank"}

if the text gets printed you are out of luck.

@jokomanza
Copy link

thanks a lot

@danielvartan
Copy link

Thank you! 👋

@syofyanzuhad
Copy link

Thanks bro 👍🏻

@AllanCapistrano
Copy link

Thanks 👋

@lalrochhara
Copy link

How to use Buymeacoffe on sponsor this page? Like ko_fi: "username" its show kofi icon?

@navkar
Copy link

navkar commented Nov 11, 2021 via email

@7s9n
Copy link

7s9n commented Dec 30, 2021

Thank you

@SandiSopian
Copy link

Thank you

@LaserKaspar
Copy link

Thank you

@sakkke
Copy link

sakkke commented Aug 28, 2022

Thanks 😊

@rezarahiminia
Copy link

Good work!

@cythilya
Copy link

Thanks!

@tatsy
Copy link

tatsy commented Nov 23, 2022

Great work!

@vlgul
Copy link

vlgul commented Nov 28, 2022

Thank you!

@edtshuma
Copy link

edtshuma commented Jan 3, 2023

great ! this works for me

@MochSyadzaliChusaini
Copy link

nice & thanks brother

@Wasserwecken
Copy link

Wasserwecken commented Feb 2, 2023

By using inlined HTML, you can set the height so it will align with other badges. But the readability gets worse. Is there an image with another font?

License: MIT

<a href="https://www.buymeacoffee.com/ericdolch"><img src="https://www.buymeacoffee.com/assets/img/custom_images/orange_img.png" height="20px"></a>

@prashantdsala
Copy link

Thanks for your efforts!

@gbraad
Copy link
Author

gbraad commented May 3, 2023

@Wasserwecken since this is a pixel-based PNG image, this is not possible (and they also do not offer AFAIK).

@fromSmolsoft
Copy link

fromSmolsoft commented Jun 13, 2023

@Wasserwecken

By using inlined HTML, you can set the height so it will align with other badges. But the readability gets worse. Is there an image with another font? ...

You can use https://cdn.buymeacoffee.com/buttons/v2/arial-orange.png for arial-orange combo.
Buy Me A Coffee
Basically use their button generator to learn names of color + font combos.

@gbraad
Copy link
Author

gbraad commented Jun 13, 2023 via email

@fromSmolsoft
Copy link

fromSmolsoft commented Jun 14, 2023

@gbraad

That arial+orange looks bad when scaled down, as the font is actually too small compared to the button and the cup next to it.

Well someone asked whether there are other official options with different font and got reply there are none. Which is not true.
This is what they have. I bet there are more.

@gordonkwokkwok
Copy link

thanks~

@Panthersoul
Copy link

Thanks

@athachai29
Copy link

Thanks ❤️

@Rouhollah
Copy link

thanks. it's very good.

@syntaxboybe
Copy link

many thanks!

Copy link

ghost commented Nov 15, 2023

Thank you very much :)

@stanleyugwu
Copy link

For custom text, emoji, font, use below code, change devvie to your username:

<a href="https://www.buymeacoffee.com/devvie"><img src="https://img.buymeacoffee.com/button-api/?text=Buy me Okpa&emoji=🍘&slug=devvie&button_colour=FFDD00&font_colour=000000&font_family=Cookie&outline_colour=000000&coffee_colour=ffffff" /></a>

tweak the value of text, slug,font_colour,button_colour, etc to your taste

@JellyTitan
Copy link

Thank you!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment