![stock-1863880_1920.jpg](https://steemitimages.com/DQmeHfUP9dE4siSy5BTfQ473RRXJYJmQLxtyEanutcqPRyS/stock-1863880_1920.jpg)
<p><strong> Hello Stemians&nbsp;and developers today we going to see how to add an amazing widget for your&nbsp;Html&nbsp;page.</strong></p>
<p>If you are a programmer or have a web page containing crypto it would be nice to add a widget of all of your beloved currencies in your website.</p>
<p><b>This is the code below:</b></p>
https://steemitimages.com/DQmRzHMbNBMFv1jTEPusa9VsJLd93EFoHHXD6aLaEitdhSr/image.png
<p>*If you are not familiar with js, you can copy and paste it everywhere in your page.</p>
<p>This is the code you will have to insert in your web page, it will call crypto compare&nbsp;API and give you a result. It will look like that:</p>
https://steemitimages.com/DQmPWKGcEDk8MoVpk9feqCKAKupPzSrpNQzBsfd71VJKH4A/image.png
https://steemitimages.com/DQmY9rTzNcVhihtBqPuQBTLYksQHuMxrbmGA51APkwq4bHa/image.png
<p>&nbsp;</p>
<p>A few enlightments&nbsp; - you can change the background via the ccctheme&nbsp;(now it's black - line 5 from the top) and can play with the cryptocurrencies&nbsp; by adding them in the "fsyms" line (line 5 from the bottom) as well as their current fiat values.(at "tsyms" )</p>
You can add up to 10 cryptocurrencies and most of the fiat currencies are supported
<h2>Happy coding and enjoy your new feature</h2>
<p>&nbsp;</p>
<center>
https://steemitimages.com/DQmWHUZjHQFFJKUioxVAkfyHpKP4QYTyM2R5bqjQfHvsbUH/upvote-%20steemit.gif</center>