Steemit Widgets: Profile Widget Now With Cover Image by mkt

steemdev · @mkt · Aug 16 '17

$4.90

Steemit Widgets: Profile Widget Now With Cover Image

![update.png](https://steemitimages.com/DQmeBpnXWSDLEPGVuVXdnC3azwGe6BjiZy3kJr1v5YWeSY5/update.png)

I took the new cover image feature as a motivation to further improve my [Steemit Website Plugin](https://mktcode.github.io/steemit-widgets/). You can now use the `${COVERIMAGE}` placeholder to use the cover image in your profile template as a background for example. The demo implementation looks like this:

![profile-with-cover.png](https://steemitimages.com/DQmdNGDX3j5MJdeA7YvFYRbXYqpqd3tnrsN7eMV9sNCCSi9/profile-with-cover.png)

Pretty neat, huh? :D If you want to use this version right away, it's very simple.

### Here is how:

#### 1. Place an empty div in your website's HTML where you want the widget to appear.
####

    <div id="steemit-profile"></div>

#### 2. Place this code at the end of your HTML body, right before the closing `</body>` tag.
####

    <script src="https://cdn.steemjs.com/lib/latest/steem.min.js"></script>
    <script src="https://mktcode.github.io/steemit-widgets/assets/js/steemit-widgets.min.js"></script>
    <script>
      steemitWidgets.profile({
        user: 'mkt',
        element: 'steemit-profile',
        template: '<article class="uk-comment"><header class="uk-comment-header uk-text-left" style="background: url(${COVERIMAGE}) center center; background-size: cover;"><div class="uk-comment-avatar" style="background: url(${IMAGE}) center center; background-size: cover; width: 50px; height: 50px; border-radius: 36px;"></div><h4 class="uk-comment-title"><a href="https://steemit.com/@${USER}">@${USER}</a> <div class="uk-badge uk-badge-notification">${REPUTATION}</div></h4><div class="uk-comment-meta"><a href="${WEBSITE}">${WEBSITE}</a><br>${ABOUT}</div></header><div class="uk-comment-body uk-text-center"><div class="uk-grid"><div class="uk-width-1-3"><b>${POSTCOUNT}</b><br><sup>Posts</sup></div><div class="uk-width-1-3"><b>${FOLLOWERS}</b><br><sup>Followers</sup></div><div class="uk-width-1-3"><b>${FOLLOWING}</b><br><sup>Following</sup></div><div class="uk-width-1-2 uk-text-small uk-text-left">Voting Power: ${VOTINGPOWER} %</div><div class="uk-width-1-2 uk-text-small uk-text-right"><i class="uk-icon-map-marker"></i> ${LOCATION}</div></div></div></article><style>#steemit-profile{border-radius:6px;max-width:360px;background:#fff;border:4px solid #4696e5}#steemit-profile .uk-comment-header{margin-bottom:5px;border:none;border-bottom-left-radius:0;border-bottom-right-radius:0}#steemit-profile .uk-comment-avatar{background-position:center center;background-size:cover;width:50px;height:50px}#steemit-profile .uk-comment-meta,#steemit-profile .uk-comment-meta a,#steemit-profile .uk-comment-title a{color:#fff}#steemit-profile .uk-comment-body{color:#999;font-size: 18px;line-height: 24px}</style>',
        reputationPrecision: 1
      });
    </script>

####
Obviously you have to replace 'mkt' with your username.

#### 3. I used the UIKit CSS framework, so you have to add it to your `<head>`.
####

    <head>
      ...
      <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/uikit/2.27.4/css/uikit.almost-flat.min.css" />
    </head>

####
UIKit is fully prefixed, so you can include it without messing up your existing styles. Maybe I decouple the demos from UIKit and use only custom styles in the future.

#### 4. Checkout the [documentation](https://mktcode.github.io/steemit-widgets) to see what more you can do with my plugin.
####

You can display not only profile information but also whole blogs or feeds and the new, hot and trending pages for a given tag or just all posts. The HTML output is completely customizable.

# jQuery
#

The [last time I wrote about it](https://steemit.com/steemdev/@mkt/jquery-steemit-plugin) it was still a pure jQuery plugin. I decided to decouple it for those who don't use jQuery, while still supporting the syntax for those who do.

    // standalone
    steemitWidgets.profile({
      element: 'element-id',
      ...
    });
    
    // jQuery
    $('#element-id').steemitProfile({...});

# Upcoming
#

- display whole posts, including comments
- embed code generator with styled templates for easy copy/paste implementation
- ...?

## <center>If you have any more ideas, wishes, criticism, problems, whatever... please share in the comments! I'd really love to see some of you trying it out and giving me some feedback.</center>

# <center><sub>Also check out the:</sub><br>[GitHub Repository](https://github.com/mktcode/steemit-widgets)</center>
#

<hr>

<center>[![mkt](https://steemitimages.com/0x0/https://steemitimages.com/DQmNv1zxujkKXH4LvDbDCzqQamLHesp1PpocBwPTpMHPdzf/header-logo.png)](https://steemit.com/@mkt)</center>
<center>Technology/Science/Future<br>Nature/Environment/Sustainability<br>Creativity/Programming<br><br><sup>shared and original content</sup></center>
<center>[about me](https://steemit.com/introduceyourself/@mkt/i-m-just-a-dreamer)</center>

👍 jerrybanfield, always1success, eco-alex, heimindanger, aarellanes, fredrikaa, pilcrow, mkt, saffisara, stackin, besteulz, carrieallen, philosophist, aaronsuncamacho, cloudspyder, emble, garlix, tommycee, roberttene, cryptoninja, adrai, finleyexp, happyweblancer, steemy-stu, wernertek, warrkin, steemitboard, greengirl, gooddeeds, thecryptopher, jtmac, stegri, jasonbu

`post_id`	10,299,251
`author`	mkt
`permlink`	steemit-widgets-profile-widget-now-with-cover-image
`category`	steemdev
`json_metadata`	"{"app": "steemit/0.1", "format": "markdown", "links": ["https://mktcode.github.io/steemit-widgets/", "https://mktcode.github.io/steemit-widgets", "https://steemit.com/steemdev/@mkt/jquery-steemit-plugin", "https://github.com/mktcode/steemit-widgets", "https://steemit.com/@mkt", "https://steemit.com/introduceyourself/@mkt/i-m-just-a-dreamer"], "image": ["https://steemitimages.com/DQmeBpnXWSDLEPGVuVXdnC3azwGe6BjiZy3kJr1v5YWeSY5/update.png"], "tags": ["steemdev", "steemjs", "steemit", "website", "programming"]}"
`created`	2017-08-16 16:19:00
`last_update`	2017-08-16 16:19:00
`depth`	0
`children`	35
`net_rshares`	1,389,176,027,665
`last_payout`	2017-08-23 16:19:00
`cashout_time`	1969-12-31 23:59:59
`total_payout_value`	3.828 SBD
`curator_payout_value`	1.073 SBD
`pending_payout_value`	0.000 SBD
`promoted`	0.000 SBD
`body_length`	4,909
`author_reputation`	44,782,786,305,028
`root_title`	"Steemit Widgets: Profile Widget Now With Cover Image"
`beneficiaries`	`[]`
`max_accepted_payout`	1,000,000.000 SBD
`percent_steem_dollars`	10,000
`author_curate_reward`	""

properties (23)vote details (33)

voter	rshares	pct
heimindanger	39,375,008,504	100%
greengirl	140,817,405	100%
always1success	80,058,833,520	100%
cryptoninja	676,906,522	9.9%
aaronsuncamacho	3,322,715,793	100%
finleyexp	605,628,870	100%
steemitboard	142,172,947	1%
aarellanes	37,236,615,809	100%
emble	2,391,838,734	100%
stackin	8,698,914,607	1%
jerrybanfield	1,062,560,149,796	55%
fredrikaa	29,202,424,782	50%
mkt	17,934,637,741	100%
roberttene	1,064,995,305	100%
besteulz	6,366,845,973	38.5%
saffisara	9,943,242,727	100%
pilcrow	25,681,090,177	50%
eco-alex	43,928,127,778	42%
wernertek	509,126,486	100%
philosophist	5,816,652,014	100%
warrkin	273,367,551	100%
jasonbu	0	100%
happyweblancer	597,836,800	100%
adrai	673,623,315	100%
steemy-stu	530,925,013	100%
cloudspyder	2,765,718,018	100%
garlix	1,591,764,369	100%
carrieallen	5,925,412,349	100%
tommycee	1,160,634,760	100%
stegri	0	100%
jtmac	0	100%
thecryptopher	0	100%
gooddeeds	0	100%

@steemitboard · Aug 16 '17

Congratulations @mkt! You have completed some achievement on Steemit and have been rewarded with new badge(s) :

[![](https://steemitimages.com/70x80/http://steemitboard.com/notifications/votes.png)](http://steemitboard.com/@mkt) Award for the number of upvotes

Click on any badge to view your own Board of Honor on SteemitBoard.
For more information about SteemitBoard, click [here](https://steemit.com/@steemitboard)

If you no longer want to receive notifications, reply to this comment with the word `STOP`

> By upvoting this notification, you can help all Steemit users. Learn how [here](https://steemit.com/steemitboard/@steemitboard/http-i-cubeupload-com-7ciqeo-png)!

properties (22)

`post_id`	10,327,629
`author`	steemitboard
`permlink`	steemitboard-notify-mkt-20170816t232905000z
`category`	steemdev
`json_metadata`	"{"image": ["https://steemitboard.com/img/notifications.png"]}"
`created`	2017-08-16 23:29:06
`last_update`	2017-08-16 23:29:06
`depth`	1
`children`	0
`net_rshares`	0
`last_payout`	2017-08-23 23:29:06
`cashout_time`	1969-12-31 23:59:59
`total_payout_value`	0.000 SBD
`curator_payout_value`	0.000 SBD
`pending_payout_value`	0.000 SBD
`promoted`	0.000 SBD
`body_length`	676
`author_reputation`	38,705,954,145,809
`root_title`	"Steemit Widgets: Profile Widget Now With Cover Image"
`beneficiaries`	`[]`
`max_accepted_payout`	1,000,000.000 SBD
`percent_steem_dollars`	10,000

@eco-alex · Aug 17 '17

very cool mkt! i didnt know you can do this.. top tech tips!

properties (22)

`post_id`	10,378,059
`author`	eco-alex
`permlink`	re-mkt-steemit-widgets-profile-widget-now-with-cover-image-20170817t142753895z
`category`	steemdev
`json_metadata`	"{"app": "steemit/0.1", "tags": ["steemdev"]}"
`created`	2017-08-17 14:27:57
`last_update`	2017-08-17 14:27:57
`depth`	1
`children`	2
`net_rshares`	0
`last_payout`	2017-08-24 14:27:57
`cashout_time`	1969-12-31 23:59:59
`total_payout_value`	0.000 SBD
`curator_payout_value`	0.000 SBD
`pending_payout_value`	0.000 SBD
`promoted`	0.000 SBD
`body_length`	60
`author_reputation`	267,095,558,755,898
`root_title`	"Steemit Widgets: Profile Widget Now With Cover Image"
`beneficiaries`	`[]`
`max_accepted_payout`	1,000,000.000 SBD
`percent_steem_dollars`	10,000

@mkt · Aug 17 '17

Thank you! In fact I am actually a web-developer. However... it seems until now noone is using my plugin. But this doesn't keep me from further improving it and using it myself. :D

properties (22)

`post_id`	10,378,622
`author`	mkt
`permlink`	re-eco-alex-re-mkt-steemit-widgets-profile-widget-now-with-cover-image-20170817t143535662z
`category`	steemdev
`json_metadata`	"{"app": "steemit/0.1", "tags": ["steemdev"]}"
`created`	2017-08-17 14:35:24
`last_update`	2017-08-17 14:35:24
`depth`	2
`children`	1
`net_rshares`	0
`last_payout`	2017-08-24 14:35:24
`cashout_time`	1969-12-31 23:59:59
`total_payout_value`	0.000 SBD
`curator_payout_value`	0.000 SBD
`pending_payout_value`	0.000 SBD
`promoted`	0.000 SBD
`body_length`	180
`author_reputation`	44,782,786,305,028
`root_title`	"Steemit Widgets: Profile Widget Now With Cover Image"
`beneficiaries`	`[]`
`max_accepted_payout`	1,000,000.000 SBD
`percent_steem_dollars`	10,000

@eco-alex · Aug 17 '17

$0.06

indeed.. and you never know who is using it ! maybe me now!

👍 mkt

`post_id`	10,381,626
`author`	eco-alex
`permlink`	re-mkt-re-eco-alex-re-mkt-steemit-widgets-profile-widget-now-with-cover-image-20170817t151322679z
`category`	steemdev
`json_metadata`	"{"app": "steemit/0.1", "tags": ["steemdev"]}"
`created`	2017-08-17 15:13:24
`last_update`	2017-08-17 15:13:24
`depth`	3
`children`	0
`net_rshares`	17,074,757,849
`last_payout`	2017-08-24 15:13:24
`cashout_time`	1969-12-31 23:59:59
`total_payout_value`	0.044 SBD
`curator_payout_value`	0.013 SBD
`pending_payout_value`	0.000 SBD
`promoted`	0.000 SBD
`body_length`	59
`author_reputation`	267,095,558,755,898
`root_title`	"Steemit Widgets: Profile Widget Now With Cover Image"
`beneficiaries`	`[]`
`max_accepted_payout`	1,000,000.000 SBD
`percent_steem_dollars`	10,000
`author_curate_reward`	""

properties (23)vote details (1)

voter	weight	wgt%	rshares	pct	time
mkt	0 B		17,074,757,849	100%

@finleyexp · Aug 18 '17

Super cool. I wonder if this'll work with Blogger. I tried iframes and embed without success. I guess I'll let you know! Thanks @mkt!

👍 jennswall, pir8aye, apothecae

`post_id`	10,414,756
`author`	finleyexp
`permlink`	re-mkt-steemit-widgets-profile-widget-now-with-cover-image-20170818t003649448z
`category`	steemdev
`json_metadata`	"{"app": "steemit/0.1", "users": ["mkt"], "tags": ["steemdev"]}"
`created`	2017-08-18 00:35:09
`last_update`	2017-08-18 00:35:09
`depth`	1
`children`	14
`net_rshares`	4,488,434,696
`last_payout`	2017-08-25 00:35:09
`cashout_time`	1969-12-31 23:59:59
`total_payout_value`	0.000 SBD
`curator_payout_value`	0.000 SBD
`pending_payout_value`	0.000 SBD
`promoted`	0.000 SBD
`body_length`	133
`author_reputation`	7,943,282,347,242
`root_title`	"Steemit Widgets: Profile Widget Now With Cover Image"
`beneficiaries`	`[]`
`max_accepted_payout`	1,000,000.000 SBD
`percent_steem_dollars`	10,000
`author_curate_reward`	""

properties (23)vote details (3)

voter	rshares	pct
jennswall	2,597,091,824	100%
apothecae	333,084,566	100%
pir8aye	1,558,258,306	100%

@mkt · Aug 18 '17

you mean blogger.com ?

properties (22)

`post_id`	10,415,286
`author`	mkt
`permlink`	re-finleyexp-re-mkt-steemit-widgets-profile-widget-now-with-cover-image-20170818t004657460z
`category`	steemdev
`json_metadata`	"{"app": "steemit/0.1", "tags": ["steemdev"]}"
`created`	2017-08-18 00:46:57
`last_update`	2017-08-18 00:46:57
`depth`	2
`children`	13
`net_rshares`	0
`last_payout`	2017-08-25 00:46:57
`cashout_time`	1969-12-31 23:59:59
`total_payout_value`	0.000 SBD
`curator_payout_value`	0.000 SBD
`pending_payout_value`	0.000 SBD
`promoted`	0.000 SBD
`body_length`	22
`author_reputation`	44,782,786,305,028
`root_title`	"Steemit Widgets: Profile Widget Now With Cover Image"
`beneficiaries`	`[]`
`max_accepted_payout`	1,000,000.000 SBD
`percent_steem_dollars`	10,000

@finleyexp · Aug 18 '17

Yeah. I run finleyexperience.com on Blogger (since like 2008). I'm custom building and hosting new sites with firebase.

👍 jennswall, apothecae

`post_id`	10,417,769
`author`	finleyexp
`permlink`	re-mkt-re-finleyexp-re-mkt-steemit-widgets-profile-widget-now-with-cover-image-20170818t013850415z
`category`	steemdev
`json_metadata`	"{"app": "steemit/0.1", "tags": ["steemdev"]}"
`created`	2017-08-18 01:37:09
`last_update`	2017-08-18 01:37:09
`depth`	3
`children`	12
`net_rshares`	2,773,413,938
`last_payout`	2017-08-25 01:37:09
`cashout_time`	1969-12-31 23:59:59
`total_payout_value`	0.000 SBD
`curator_payout_value`	0.000 SBD
`pending_payout_value`	0.000 SBD
`promoted`	0.000 SBD
`body_length`	119
`author_reputation`	7,943,282,347,242
`root_title`	"Steemit Widgets: Profile Widget Now With Cover Image"
`beneficiaries`	`[]`
`max_accepted_payout`	1,000,000.000 SBD
`percent_steem_dollars`	10,000
`author_curate_reward`	""

properties (23)vote details (2)

voter	weight	wgt%	rshares	pct	time
jennswall	0 B		2,459,598,727	100%
apothecae	0 B		313,815,211	100%

12 replies

@jerrybanfield · Aug 19 '17

$0.08

@mkt this is awesome for any of us that have a website as I do!  Thank you very much for this!  I am sharing this today on my upvotable 21 post!

👍 mkt, pir8aye, roberttene

`post_id`	10,525,426
`author`	jerrybanfield
`permlink`	re-mkt-steemit-widgets-profile-widget-now-with-cover-image-20170819t121729106z
`category`	steemdev
`json_metadata`	"{"app": "steemit/0.1", "users": ["mkt"], "tags": ["steemdev"]}"
`created`	2017-08-19 12:17:27
`last_update`	2017-08-19 12:17:27
`depth`	1
`children`	1
`net_rshares`	21,820,166,377
`last_payout`	2017-08-26 12:17:27
`cashout_time`	1969-12-31 23:59:59
`total_payout_value`	0.060 SBD
`curator_payout_value`	0.016 SBD
`pending_payout_value`	0.000 SBD
`promoted`	0.000 SBD
`body_length`	144
`author_reputation`	358,463,090,245,284
`root_title`	"Steemit Widgets: Profile Widget Now With Cover Image"
`beneficiaries`	`[]`
`max_accepted_payout`	1,000,000.000 SBD
`percent_steem_dollars`	10,000
`author_curate_reward`	""

properties (23)vote details (3)

voter	rshares	pct
pir8aye	1,592,133,486	100%
mkt	19,163,037,586	100%
roberttene	1,064,995,305	100%

@mkt · Aug 19 '17

$43.37

Awesome! Thank you very much! :)

👍 transisto, serkagan

`post_id`	10,527,910
`author`	mkt
`permlink`	re-jerrybanfield-re-mkt-steemit-widgets-profile-widget-now-with-cover-image-20170819t130209479z
`category`	steemdev
`json_metadata`	"{"app": "steemit/0.1", "tags": ["steemdev"]}"
`created`	2017-08-19 13:02:09
`last_update`	2017-08-19 13:02:09
`depth`	2
`children`	0
`net_rshares`	12,018,026,463,752
`last_payout`	2017-08-26 13:02:09
`cashout_time`	1969-12-31 23:59:59
`total_payout_value`	32.526 SBD
`curator_payout_value`	10.839 SBD
`pending_payout_value`	0.000 SBD
`promoted`	0.000 SBD
`body_length`	32
`author_reputation`	44,782,786,305,028
`root_title`	"Steemit Widgets: Profile Widget Now With Cover Image"
`beneficiaries`	`[]`
`max_accepted_payout`	1,000,000.000 SBD
`percent_steem_dollars`	10,000
`author_curate_reward`	""

properties (23)vote details (2)

voter	weight	wgt%	rshares	pct	time
transisto	0 B		12,017,970,506,543	100%
serkagan	0 B		55,957,209	100%

@roberttene · Aug 19 '17

This is just great!

Good job developing this @mkt !

👍 roberttene, schizophrenis
👎 kaib

`post_id`	10,529,524
`author`	roberttene
`permlink`	re-mkt-steemit-widgets-profile-widget-now-with-cover-image-20170819t132939320z
`category`	steemdev
`json_metadata`	"{"app": "steemit/0.1", "users": ["mkt"], "tags": ["steemdev"]}"
`created`	2017-08-19 13:29:42
`last_update`	2017-08-19 13:29:42
`depth`	1
`children`	0
`net_rshares`	203,420,115
`last_payout`	2017-08-26 13:29:42
`cashout_time`	1969-12-31 23:59:59
`total_payout_value`	0.000 SBD
`curator_payout_value`	0.000 SBD
`pending_payout_value`	0.000 SBD
`promoted`	0.000 SBD
`body_length`	52
`author_reputation`	411,570,695,238
`root_title`	"Steemit Widgets: Profile Widget Now With Cover Image"
`beneficiaries`	`[]`
`max_accepted_payout`	1,000,000.000 SBD
`percent_steem_dollars`	10,000
`author_curate_reward`	""

properties (23)vote details (3)

voter	rshares	pct
roberttene	1,040,227,972	100%
schizophrenis	0	100%
kaib	-836,807,857	-100%

@cloudspyder · Aug 19 '17

Great work! You deserve the best  @mkt.

properties (22)

@mkt · Aug 19 '17

Thank you. I am working on a related project right now... stay tuned! :)

properties (22)

`post_id`	10,532,435
`author`	mkt
`permlink`	re-cloudspyder-re-mkt-2017819t22950724z-20170819t141332809z
`category`	steemdev
`json_metadata`	"{"app": "steemit/0.1", "tags": ["steemdev"]}"
`created`	2017-08-19 14:13:33
`last_update`	2017-08-19 14:13:33
`depth`	2
`children`	0
`net_rshares`	0
`last_payout`	2017-08-26 14:13:33
`cashout_time`	1969-12-31 23:59:59
`total_payout_value`	0.000 SBD
`curator_payout_value`	0.000 SBD
`pending_payout_value`	0.000 SBD
`promoted`	0.000 SBD
`body_length`	72
`author_reputation`	44,782,786,305,028
`root_title`	"Steemit Widgets: Profile Widget Now With Cover Image"
`beneficiaries`	`[]`
`max_accepted_payout`	1,000,000.000 SBD
`percent_steem_dollars`	10,000

@saffisara · Aug 19 '17

Great info and very helpful 😊 thanks for sharing

properties (22)

`post_id`	10,535,537
`author`	saffisara
`permlink`	re-mkt-steemit-widgets-profile-widget-now-with-cover-image-20170819t150118846z
`category`	steemdev
`json_metadata`	"{"app": "steemit/0.1", "tags": ["steemdev"]}"
`created`	2017-08-19 15:01:21
`last_update`	2017-08-19 15:01:21
`depth`	1
`children`	2
`net_rshares`	0
`last_payout`	2017-08-26 15:01:21
`cashout_time`	1969-12-31 23:59:59
`total_payout_value`	0.000 SBD
`curator_payout_value`	0.000 SBD
`pending_payout_value`	0.000 SBD
`promoted`	0.000 SBD
`body_length`	48
`author_reputation`	100,000,000,000,000
`root_title`	"Steemit Widgets: Profile Widget Now With Cover Image"
`beneficiaries`	`[]`
`max_accepted_payout`	1,000,000.000 SBD
`percent_steem_dollars`	10,000

@mkt · Aug 20 '17

Thank you! :)

properties (22)

`post_id`	10,570,617
`author`	mkt
`permlink`	re-saffisara-re-mkt-steemit-widgets-profile-widget-now-with-cover-image-20170820t015646644z
`category`	steemdev
`json_metadata`	"{"app": "steemit/0.1", "tags": ["steemdev"]}"
`created`	2017-08-20 01:56:42
`last_update`	2017-08-20 01:56:42
`depth`	2
`children`	1
`net_rshares`	0
`last_payout`	2017-08-27 01:56:42
`cashout_time`	1969-12-31 23:59:59
`total_payout_value`	0.000 SBD
`curator_payout_value`	0.000 SBD
`pending_payout_value`	0.000 SBD
`promoted`	0.000 SBD
`body_length`	13
`author_reputation`	44,782,786,305,028
`root_title`	"Steemit Widgets: Profile Widget Now With Cover Image"
`beneficiaries`	`[]`
`max_accepted_payout`	1,000,000.000 SBD
`percent_steem_dollars`	10,000

@saffisara · Aug 20 '17

You're welcome 😊

properties (22)

`post_id`	10,592,550
`author`	saffisara
`permlink`	re-mkt-re-saffisara-re-mkt-steemit-widgets-profile-widget-now-with-cover-image-20170820t095827241z
`category`	steemdev
`json_metadata`	"{"app": "steemit/0.1", "tags": ["steemdev"]}"
`created`	2017-08-20 09:58:27
`last_update`	2017-08-20 09:58:27
`depth`	3
`children`	0
`net_rshares`	0
`last_payout`	2017-08-27 09:58:27
`cashout_time`	1969-12-31 23:59:59
`total_payout_value`	0.000 SBD
`curator_payout_value`	0.000 SBD
`pending_payout_value`	0.000 SBD
`promoted`	0.000 SBD
`body_length`	16
`author_reputation`	100,000,000,000,000
`root_title`	"Steemit Widgets: Profile Widget Now With Cover Image"
`beneficiaries`	`[]`
`max_accepted_payout`	1,000,000.000 SBD
`percent_steem_dollars`	10,000

@tommycee · Aug 20 '17

@mkt thanks so much for providing this! I have added it to my website.

properties (22)

`post_id`	10,603,565
`author`	tommycee
`permlink`	re-mkt-steemit-widgets-profile-widget-now-with-cover-image-20170820t132510144z
`category`	steemdev
`json_metadata`	"{"app": "steemit/0.1", "users": ["mkt"], "tags": ["steemdev"]}"
`created`	2017-08-20 13:25:09
`last_update`	2017-08-20 13:25:09
`depth`	1
`children`	1
`net_rshares`	0
`last_payout`	2017-08-27 13:25:09
`cashout_time`	1969-12-31 23:59:59
`total_payout_value`	0.000 SBD
`curator_payout_value`	0.000 SBD
`pending_payout_value`	0.000 SBD
`promoted`	0.000 SBD
`body_length`	70
`author_reputation`	4,798,562,006
`root_title`	"Steemit Widgets: Profile Widget Now With Cover Image"
`beneficiaries`	`[]`
`max_accepted_payout`	1,000,000.000 SBD
`percent_steem_dollars`	10,000

@mkt · Aug 20 '17

Awesome! Let me know if I can help you with something or if you have any suggestions. And welcome to steemit.com! You won't regret signing up. :)

properties (22)

`post_id`	10,605,863
`author`	mkt
`permlink`	re-tommycee-re-mkt-steemit-widgets-profile-widget-now-with-cover-image-20170820t140001021z
`category`	steemdev
`json_metadata`	"{"app": "steemit/0.1", "tags": ["steemdev"]}"
`created`	2017-08-20 13:59:57
`last_update`	2017-08-20 13:59:57
`depth`	2
`children`	0
`net_rshares`	0
`last_payout`	2017-08-27 13:59:57
`cashout_time`	1969-12-31 23:59:59
`total_payout_value`	0.000 SBD
`curator_payout_value`	0.000 SBD
`pending_payout_value`	0.000 SBD
`promoted`	0.000 SBD
`body_length`	145
`author_reputation`	44,782,786,305,028
`root_title`	"Steemit Widgets: Profile Widget Now With Cover Image"
`beneficiaries`	`[]`
`max_accepted_payout`	1,000,000.000 SBD
`percent_steem_dollars`	10,000

@pir8aye · Aug 24 '17

I'm using your widget on foss.pir8aye.net. Thanks! 

https://steemit.com/steemit/@pir8aye/steemit-header-image-options-for-display-using-steemit-widget-by-mkt

properties (22)

`post_id`	10,917,554
`author`	pir8aye
`permlink`	re-mkt-steemit-widgets-profile-widget-now-with-cover-image-20170824t045955018z
`category`	steemdev
`json_metadata`	"{"app": "steemit/0.1", "links": ["https://steemit.com/steemit/@pir8aye/steemit-header-image-options-for-display-using-steemit-widget-by-mkt"], "tags": ["steemdev"]}"
`created`	2017-08-24 04:58:12
`last_update`	2017-08-24 04:58:12
`depth`	1
`children`	1
`net_rshares`	0
`last_payout`	2017-08-31 04:58:12
`cashout_time`	1969-12-31 23:59:59
`total_payout_value`	0.000 SBD
`curator_payout_value`	0.000 SBD
`pending_payout_value`	0.000 SBD
`promoted`	0.000 SBD
`body_length`	158
`author_reputation`	15,058,363,542
`root_title`	"Steemit Widgets: Profile Widget Now With Cover Image"
`beneficiaries`	`[]`
`max_accepted_payout`	1,000,000.000 SBD
`percent_steem_dollars`	10,000

@mkt · Aug 25 '17

Cool! Thank you! Do you have any feedback? I'll release a major update very soon by the way. Stay tuned! :)

👍 jennswall, apothecae, astronomicus

`post_id`	11,021,146
`author`	mkt
`permlink`	re-pir8aye-re-mkt-steemit-widgets-profile-widget-now-with-cover-image-20170825t091052660z
`category`	steemdev
`json_metadata`	"{"app": "steemit/0.1", "tags": ["steemdev"]}"
`created`	2017-08-25 09:10:54
`last_update`	2017-08-25 09:10:54
`depth`	2
`children`	0
`net_rshares`	1,588,005,747
`last_payout`	2017-09-01 09:10:54
`cashout_time`	1969-12-31 23:59:59
`total_payout_value`	0.000 SBD
`curator_payout_value`	0.000 SBD
`pending_payout_value`	0.000 SBD
`promoted`	0.000 SBD
`body_length`	107
`author_reputation`	44,782,786,305,028
`root_title`	"Steemit Widgets: Profile Widget Now With Cover Image"
`beneficiaries`	`[]`
`max_accepted_payout`	1,000,000.000 SBD
`percent_steem_dollars`	10,000
`author_curate_reward`	""

properties (23)vote details (3)

voter	rshares	pct
jennswall	874,360,268	100%
astronomicus	156,223,926	100%
apothecae	557,421,553	100%

@transisto · Aug 24 '17 (edited)

$8.02

Awesome, sorry for missing your post on #steemdev, upvoted some of your comments to show my appreciation.

Also added a listing to both of your tools to SteemTools.com

👍 transisto, randomwhale, serkagan

`post_id`	10,962,799
`author`	transisto
`permlink`	re-mkt-steemit-widgets-profile-widget-now-with-cover-image-20170824t162417499z
`category`	steemdev
`json_metadata`	"{"app": "steemit/0.1", "tags": ["steemdev"]}"
`created`	2017-08-24 16:24:15
`last_update`	2017-08-24 16:25:00
`depth`	1
`children`	1
`net_rshares`	2,003,954,838,942
`last_payout`	2017-08-31 16:24:15
`cashout_time`	1969-12-31 23:59:59
`total_payout_value`	7.960 SBD
`curator_payout_value`	0.056 SBD
`pending_payout_value`	0.000 SBD
`promoted`	0.000 SBD
`body_length`	167
`author_reputation`	331,131,121,482,590
`root_title`	"Steemit Widgets: Profile Widget Now With Cover Image"
`beneficiaries`	`[]`
`max_accepted_payout`	1,000,000.000 SBD
`percent_steem_dollars`	10,000
`author_curate_reward`	""

properties (23)vote details (3)

voter	rshares	pct
transisto	2,002,995,084,423	17%
randomwhale	903,797,310	100%
serkagan	55,957,209	100%

@mkt · Aug 24 '17

Thank you! You helped me grow so much already! It really feels like finally arriving here on steemit. It has been one of my biggest dreams for quite some time now to develop free and open source software and still get my rent payed somehow... without struggling  and bargaining with contractors or bosses. It really seems that steemit has the potential to actually make this happen. You know... I lost my job as a developer due to a longer period of illness three month ago. Back then I didn't know this would be the best thing that could happen to me. I almost gave up programming in general because I just hated the business behind it... steemit pulled me back in.

http://31.media.tumblr.com/ff32e3a6e76942ea8992ddd9895ef22c/tumblr_n9a80xVi1j1tybfhmo1_250.gif
:D

properties (22)

`post_id`	10,981,989
`author`	mkt
`permlink`	re-transisto-re-mkt-steemit-widgets-profile-widget-now-with-cover-image-20170824t205744367z
`category`	steemdev
`json_metadata`	"{"app": "steemit/0.1", "image": ["http://31.media.tumblr.com/ff32e3a6e76942ea8992ddd9895ef22c/tumblr_n9a80xVi1j1tybfhmo1_250.gif"], "tags": ["steemdev"]}"
`created`	2017-08-24 20:57:45
`last_update`	2017-08-24 20:57:45
`depth`	2
`children`	0
`net_rshares`	0
`last_payout`	2017-08-31 20:57:45
`cashout_time`	1969-12-31 23:59:59
`total_payout_value`	0.000 SBD
`curator_payout_value`	0.000 SBD
`pending_payout_value`	0.000 SBD
`promoted`	0.000 SBD
`body_length`	765
`author_reputation`	44,782,786,305,028
`root_title`	"Steemit Widgets: Profile Widget Now With Cover Image"
`beneficiaries`	`[]`
`max_accepted_payout`	1,000,000.000 SBD
`percent_steem_dollars`	10,000

@fknmayhem · Sep 30 '17

$0.05

Great job, thank you for the time and dedication invested in creating this for the community. 

I only have one (minor) niggle. Looking at both default profile widget designs, I struggle to find anything mentioning 'steemit'. They seem rather _headless_ as such, because, of course, we shouldn't assume that everybody knows what they represent.

A small logo in the bottom would be a neat branding and recognition option.

👍 mkt

`post_id`	14,129,678
`author`	fknmayhem
`permlink`	re-mkt-steemit-widgets-profile-widget-now-with-cover-image-20170930t062235090z
`category`	steemdev
`json_metadata`	"{"app": "steemit/0.1", "tags": ["steemdev"]}"
`created`	2017-09-30 06:22:36
`last_update`	2017-09-30 06:22:36
`depth`	1
`children`	1
`net_rshares`	18,366,316,981
`last_payout`	2017-10-07 06:22:36
`cashout_time`	1969-12-31 23:59:59
`total_payout_value`	0.038 SBD
`curator_payout_value`	0.011 SBD
`pending_payout_value`	0.000 SBD
`promoted`	0.000 SBD
`body_length`	421
`author_reputation`	116,591,440,117,983
`root_title`	"Steemit Widgets: Profile Widget Now With Cover Image"
`beneficiaries`	`[]`
`max_accepted_payout`	1,000,000.000 SBD
`percent_steem_dollars`	10,000
`author_curate_reward`	""

properties (23)vote details (1)

voter	weight	wgt%	rshares	pct	time
mkt	0 B		18,366,316,981	100%

@mkt · Sep 30 '17

Thank you for your appreciation and your input! :)
I thought about putting a steemit logo somewhere but in the end I wanted it to be up to the user if there is one or not. You can of course put a logo somewhere yourself because the HTML output is completely up to you. But since there is the generator now, I could easily add this as an option 'show steemit logo' in the future. If you know JS and HTML a bit you can even do it yourself and submit a pull request.

properties (22)

`post_id`	14,139,928
`author`	mkt
`permlink`	re-fknmayhem-re-mkt-steemit-widgets-profile-widget-now-with-cover-image-20170930t092435212z
`category`	steemdev
`json_metadata`	"{"app": "steemit/0.1", "tags": ["steemdev"]}"
`created`	2017-09-30 09:24:36
`last_update`	2017-09-30 09:24:36
`depth`	2
`children`	0
`net_rshares`	0
`last_payout`	2017-10-07 09:24:36
`cashout_time`	1969-12-31 23:59:59
`total_payout_value`	0.000 SBD
`curator_payout_value`	0.000 SBD
`pending_payout_value`	0.000 SBD
`promoted`	0.000 SBD
`body_length`	463
`author_reputation`	44,782,786,305,028
`root_title`	"Steemit Widgets: Profile Widget Now With Cover Image"
`beneficiaries`	`[]`
`max_accepted_payout`	1,000,000.000 SBD
`percent_steem_dollars`	10,000