DEV Community

loading...
Cover image for How to Add BUY ME A COFFEE Button in DEV.TO Blog

How to Add BUY ME A COFFEE Button in DEV.TO Blog

capscode
Rahul Nag, Founder at CapsCode | Senior Software Developer | Technical Blogger | YouTuber | Exploring and Refactoring | Photographer
・1 min read

Hello Dev,

In this article i will show you and help you out adding "BUY ME A COFFEE" button in you dev.to blog post in very simple and easiest way (ONLY IN 2 STEPS).

So without wasting any time, lets get into the article

STEP 1 : Please first make your account @ www.buymeacoffee.com and get your username.

STEP 2 : Add the below anchor tag wherever you want to add your buy me a coffee button in your blog post.
and make sure to add your username in href link : https://www.buymeacoffee.com/your_username

Example:

<a href="https://www.buymeacoffee.com/capscode" target="_blank"><img src="https://cdn.buymeacoffee.com/buttons/default-orange.png" alt="Buy Me A Coffee" height="41" width="174"></a>
Enter fullscreen mode Exit fullscreen mode

IF YOU LIKED THE POST, THEN YOU CAN BUY ME MY FIRST COFFEE EVER, THANKS IN ADVANCE.

Buy Me A Coffee

Thank you for reading this far. This is a brief introduction oN How to add BUY ME A COFFFEE BUTTON IN DEV.TO BLOG POST .
If you find this article useful, like and share this article. Someone could find it useful too. If you find anything technically inaccurate please feel free to comment below.

Hope its a nice and informative read for you.
VISIT https://www.capscode.in/#/blog TO LEARN MORE...

Thanks,
@capscode

Discussion (6)

Collapse
lukeshiru profile image
LUKESHIRU • Edited

You can actually use plain markdown instead of html, like this:

[![Buy Me A Coffee](https://cdn.buymeacoffee.com/buttons/default-black.png)](https://www.buymeacoffee.com/capscode)
Enter fullscreen mode Exit fullscreen mode

Or you can also have it in this format:

[![Buy Me A Coffee][2]][1]

[1]: https://www.buymeacoffee.com/capscode
[2]: https://cdn.buymeacoffee.com/buttons/default-black.png
Enter fullscreen mode Exit fullscreen mode

And it results in this:

Buy Me A Coffee

Cheers!

Collapse
capscode profile image
capscode Author

WoW, this is cool, haven't tried this..
but nice suggestion...
Thanks,

Collapse
abhishekraj272 profile image
Abhishek Raj

I would have bought you a coffee, but my coffee mug needs refilling 😅

Collapse
capscode profile image
capscode Author

hahahah LoL 😅

Collapse
excalizan profile image
Excalizan

Useful, and efficent! Thanks for sharing but sadly I am not able to buy you a coffee(Im 13) but I leaved a like and a unicorn. Btw did you get any coffee's?

Collapse
capscode profile image
capscode Author

Thanks @excalizan
No i have not received any coffee yet....
hope after this post at least ill get one.... 😃

myemoji.ml/