TheHub gives you the ability to show user timelines on your website, which are dynamically linked to TheHub itself, keeping things such as number of replies, likes & shares up to date.
How do I get this on my website?
It's simple. All you need to do is add this line of code on your webpage where you want the timeline to display (where user is the link to the post you want displayed):
<thehub:timeline user="@Murchie"></thehub:timeline> <script async src="//thehub.scot/share/embed.js" charset="utf-8"></script>
Which would display, like so:
By default, the width is set to 400px & the height is set to 250px, and can be changed by adding a width attribute:
<thehub:timeline group="+TheHub" width="500px" height="600px" ></thehub:timeline> <script async src="//thehub.scot/share/embed.js" charset="utf-8"></script>
You can also specify a custom CSS file by appending the URL with "&css=" and the url encoded link to your CSS file and remove the box frame of the timeline by appending the url with "&frame=0".