Price Ticker - New Steemit Website Widget! Contribute your own Designs!
Steemit Widget Generator
and
the underlying plugin.
and
the underlying plugin.
You can now display price tickers on your website! Hooray!
It's not only for STEEM but for all crypto currencies listed on coinmarketcap.com as this is the source of data. I knew they already have their own widget generator but it isn't very much customizable in terms of layout and style.
By now my generator only supports the default design (not even condenser because there is no original model and I wasn't creative enough yet to come up with my own condenser-like design for a price ticker...) but I just thought a price ticker would be a useful addition that many website owners might want to use. I will add some more designs over time I guess. Actually it would be awesome if someone else has a little bit of time and wants to create and share an own design. You're very welcome!
Contribute your own design!
If you know HTML and CSS you can simply create an own design for everyone to use. All you have to do is create a static HTML structure with inline CSS, based on the options that are available of course and preferably for all the (now 6) widget types.
Just open JSFiddle or Codepen or whatever and start creating. Share the link in the comments and I will implement it if it gets more than 1 upvote except this single upvote is from me. :D
If you feel more comfortable with Photoshop or Gimp or... maybe Paint... feel free to submit a screenshot.
You can of course also fork the GitHub repository and submit a pull request if that's more your style.
- Add the name of your template to this select:
https://github.com/mktcode/steemit-widgets/blob/master/docs/generator.html#L75 - Add your template with inline styles here:
https://github.com/mktcode/steemit-widgets/blob/master/docs/generator.html#L416
(id-attributes of thetemplate
tags must follow this pattern:id="steemit-<widget-type>-template-<template-name>"
.) - If you're not familiar with it already, learn Vue.js (Really! It's awesome!) and use v-* attributes to display elements according to the selected options.
Options and placeholders for the new ticker widget have been added to the documentation.
And as always...
Give me some feedback! If you experience any issues, find a bug or have suggestions PLEASE let me know!
That's it from me for now but stay tuned! There is more to come!
Have a nice day!

Nature/Environment/Sustainability
Creativity/Programming
shared and original content
You Are An Excellent Steemian. This post has received a 50.00 % upvote from @steemthat Return the favor and SteemThat Person Back: @steemthat.
.
Please Upvote This Comment To Help Me Grow! And The Price Of Steem Will Appear! @steemprice steem
$1.077 USD/STEEM
Volume: 4.9916 BTC, 18241 STEEM / Average Price: 0.00027365
Last Updated Wed Sep 13 08:16:11 2017
wow!! interesting... probably won't use it because I don't need it... but glad someone made this.
Oh!! and here's your first upvote since you said...
though my vote isn't much... isn't it?
Oh and I forgot to say... Thank you! Every vote counts! :)
I guess you got me wrong. If a suggestions for a new design gets upvotes (submitted as a comment) gets upvotes, I will integrate this design into the widgets generator.
Oh, yeah I got you wrong... that's awesome too!!
Thank you! :)
Oh, yeah I got you wrong... that's awesome too!!
Deployed. Thank you again for a wonderful tool. https://steemthat.com/crypto-prices-now/
Great! :)
Very impressive , crypto widget much needed and so cool to the eyes the templates are. Keep it up!
Thank you! :)
You are most welcome!
dude... I checked out your website and I have a little advice. Your frontpage has a ton of embedded youtube videos making the website load very very slow. You could lazy load those videos https://webdesign.tutsplus.com/tutorials/how-to-lazy-load-embedded-youtube-videos--cms-26743 or if you don't have access to the code you can still use an image linking to a video instead of embedding them directly. This would make your website way more responsive.
Great , I appreciate that , will consider your advice. Thank you dude!
api test @steemline
api test @steemline