Viewing a response to: @sndbox/markdown-tutorial-steemit-blogging-tips
A Steemit specific - you can use the `<div class="pull-right></div>` and `<div class="pull-left></div>` to push photos to one side of the screen or another. <div class="pull-left">https://steemitimages.com/0x0/https://steemitimages.com/DQmZBhZLPhqKiHZmLW2tFupUXCtM9dPP4mh85DtLGSwxrrm/171005_Masterpost_Icons-01.png</div>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat <div class="pull-right">https://steemitimages.com/0x0/https://steemitimages.com/DQmZBhZLPhqKiHZmLW2tFupUXCtM9dPP4mh85DtLGSwxrrm/171005_Masterpost_Icons-01.png</div>cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
author | maxg |
---|---|
permlink | re-sndbox-markdown-tutorial-steemit-blogging-tips-20180119t193317408z |
category | tutorial |
json_metadata | {"tags":["tutorial"],"image":["https://steemitimages.com/0x0/https://steemitimages.com/DQmZBhZLPhqKiHZmLW2tFupUXCtM9dPP4mh85DtLGSwxrrm/171005_Masterpost_Icons-01.png"],"app":"steemit/0.1"} |
created | 2018-01-19 19:33:18 |
last_update | 2018-01-19 19:37:15 |
depth | 1 |
children | 12 |
last_payout | 2018-01-26 19:33:18 |
cashout_time | 1969-12-31 23:59:59 |
total_payout_value | 2.510 HBD |
curator_payout_value | 0.424 HBD |
pending_payout_value | 0.000 HBD |
promoted | 0.000 HBD |
body_length | 1,821 |
author_reputation | 5,859,582,764,121 |
root_title | "Markdown Tutorial + Steemit Blogging Tips" |
beneficiaries | [] |
max_accepted_payout | 1,000,000.000 HBD |
percent_hbd | 10,000 |
post_id | 30,694,337 |
net_rshares | 270,070,385,272 |
author_curate_reward | "" |
voter | weight | wgt% | rshares | pct | time |
---|---|---|---|---|---|
voronoi | 0 | 53,688,359,739 | 8% | ||
fitbusinessman | 0 | 0 | 100% | ||
diggndeeper.com | 0 | 157,175,750,410 | 30% | ||
jodiegolier | 0 | 9,033,737,240 | 100% | ||
martinamartini | 0 | 3,846,011,637 | 100% | ||
jimdraw | 0 | 0 | 100% | ||
geniusloci | 0 | 36,285,310,661 | 100% | ||
direwolf | 0 | 3,637,327,973 | 20% | ||
gerel | 0 | 1,469,488,719 | 100% | ||
josejirafa | 0 | 1,016,640,378 | 100% | ||
jlordc | 0 | 2,335,655,134 | 100% | ||
criticalmass | 0 | 184,684,837 | 100% | ||
ucathy | 0 | 580,487,787 | 100% | ||
medical-hall | 0 | 614,156,071 | 100% | ||
twezzy | 0 | 202,774,686 | 100% | ||
eazz | 0 | 0 | 100% |
Good HTML note bud!
author | fitbusinessman |
---|---|
permlink | re-maxg-re-sndbox-markdown-tutorial-steemit-blogging-tips-20180908t034501502z |
category | tutorial |
json_metadata | {"tags":["tutorial"],"app":"steemit/0.1"} |
created | 2018-09-08 03:45:00 |
last_update | 2018-09-08 03:45:00 |
depth | 2 |
children | 0 |
last_payout | 2018-09-15 03:45:00 |
cashout_time | 1969-12-31 23:59:59 |
total_payout_value | 0.000 HBD |
curator_payout_value | 0.000 HBD |
pending_payout_value | 0.000 HBD |
promoted | 0.000 HBD |
body_length | 19 |
author_reputation | 5,414,597,988,616 |
root_title | "Markdown Tutorial + Steemit Blogging Tips" |
beneficiaries | [] |
max_accepted_payout | 1,000,000.000 HBD |
percent_hbd | 10,000 |
post_id | 70,664,708 |
net_rshares | 0 |
Thank you for posting this instruction! I have been looking for it!
author | martinamartini |
---|---|
permlink | re-maxg-re-sndbox-markdown-tutorial-steemit-blogging-tips-20180121t050146127z |
category | tutorial |
json_metadata | {"tags":["tutorial"],"app":"steemit/0.1"} |
created | 2018-01-21 05:01:45 |
last_update | 2018-01-21 05:01:45 |
depth | 2 |
children | 0 |
last_payout | 2018-01-28 05:01:45 |
cashout_time | 1969-12-31 23:59:59 |
total_payout_value | 0.000 HBD |
curator_payout_value | 0.000 HBD |
pending_payout_value | 0.000 HBD |
promoted | 0.000 HBD |
body_length | 67 |
author_reputation | 1,812,997,708,099 |
root_title | "Markdown Tutorial + Steemit Blogging Tips" |
beneficiaries | [] |
max_accepted_payout | 1,000,000.000 HBD |
percent_hbd | 10,000 |
post_id | 31,022,236 |
net_rshares | 0 |
Nice!! Excellent example of justifying images within text. Thanks for sharing this @maxg :D
author | sndbox |
---|---|
permlink | re-maxg-re-sndbox-markdown-tutorial-steemit-blogging-tips-20180119t194838083z |
category | tutorial |
json_metadata | {"tags":["tutorial"],"users":["maxg"],"app":"steemit/0.1"} |
created | 2018-01-19 19:48:36 |
last_update | 2018-01-19 19:48:36 |
depth | 2 |
children | 0 |
last_payout | 2018-01-26 19:48:36 |
cashout_time | 1969-12-31 23:59:59 |
total_payout_value | 0.000 HBD |
curator_payout_value | 0.000 HBD |
pending_payout_value | 0.000 HBD |
promoted | 0.000 HBD |
body_length | 91 |
author_reputation | 633,122,316,798,067 |
root_title | "Markdown Tutorial + Steemit Blogging Tips" |
beneficiaries | [] |
max_accepted_payout | 1,000,000.000 HBD |
percent_hbd | 10,000 |
post_id | 30,697,150 |
net_rshares | 786,055,972 |
author_curate_reward | "" |
voter | weight | wgt% | rshares | pct | time |
---|---|---|---|---|---|
maxg | 0 | 786,055,972 | 100% |
**This is really useful, thanks for sharing**
author | traveltolearn |
---|---|
permlink | re-maxg-re-sndbox-markdown-tutorial-steemit-blogging-tips-20180322t160741434z |
category | tutorial |
json_metadata | {"tags":["tutorial"],"app":"steemit/0.1"} |
created | 2018-03-22 16:07:42 |
last_update | 2018-03-22 16:07:42 |
depth | 2 |
children | 0 |
last_payout | 2018-03-29 16:07:42 |
cashout_time | 1969-12-31 23:59:59 |
total_payout_value | 0.000 HBD |
curator_payout_value | 0.000 HBD |
pending_payout_value | 0.000 HBD |
promoted | 0.000 HBD |
body_length | 45 |
author_reputation | 45,423,919,337 |
root_title | "Markdown Tutorial + Steemit Blogging Tips" |
beneficiaries | [] |
max_accepted_payout | 1,000,000.000 HBD |
percent_hbd | 10,000 |
post_id | 45,978,317 |
net_rshares | 0 |
Nice, so what if you want to reduce a photo size in a post?
author | yaanivapeji |
---|---|
permlink | re-maxg-re-sndbox-markdown-tutorial-steemit-blogging-tips-20180119t234827458z |
category | tutorial |
json_metadata | {"tags":["tutorial"],"app":"steemit/0.1"} |
created | 2018-01-19 23:49:06 |
last_update | 2018-01-19 23:49:06 |
depth | 2 |
children | 6 |
last_payout | 2018-01-26 23:49:06 |
cashout_time | 1969-12-31 23:59:59 |
total_payout_value | 0.000 HBD |
curator_payout_value | 0.000 HBD |
pending_payout_value | 0.000 HBD |
promoted | 0.000 HBD |
body_length | 59 |
author_reputation | 29,767,891,437,404 |
root_title | "Markdown Tutorial + Steemit Blogging Tips" |
beneficiaries | [] |
max_accepted_payout | 1,000,000.000 HBD |
percent_hbd | 10,000 |
post_id | 30,736,530 |
net_rshares | 799,927,548 |
author_curate_reward | "" |
voter | weight | wgt% | rshares | pct | time |
---|---|---|---|---|---|
maxg | 0 | 799,927,548 | 100% |
I didn't know this one off the top of my head. If you use steemitimages to host the image, you can add a `https://steemitimages.com/{height}x{width}` to the start of the url. To make this sequence of images: ``` <div> https://steemitimages.com/0x0/https://steemitimages.com/DQmZBhZLPhqKiHZmLW2tFupUXCtM9dPP4mh85DtLGSwxrrm/171005_Masterpost_Icons-01.png https://steemitimages.com/100x100/https://steemitimages.com/DQmZBhZLPhqKiHZmLW2tFupUXCtM9dPP4mh85DtLGSwxrrm/171005_Masterpost_Icons-01.png https://steemitimages.com/50x50/https://steemitimages.com/DQmZBhZLPhqKiHZmLW2tFupUXCtM9dPP4mh85DtLGSwxrrm/171005_Masterpost_Icons-01.png </div> ``` <div> https://steemitimages.com/0x0/https://steemitimages.com/DQmZBhZLPhqKiHZmLW2tFupUXCtM9dPP4mh85DtLGSwxrrm/171005_Masterpost_Icons-01.png https://steemitimages.com/100x100/https://steemitimages.com/DQmZBhZLPhqKiHZmLW2tFupUXCtM9dPP4mh85DtLGSwxrrm/171005_Masterpost_Icons-01.png https://steemitimages.com/50x50/https://steemitimages.com/DQmZBhZLPhqKiHZmLW2tFupUXCtM9dPP4mh85DtLGSwxrrm/171005_Masterpost_Icons-01.png </div>
author | maxg |
---|---|
permlink | re-yaanivapeji-re-maxg-re-sndbox-markdown-tutorial-steemit-blogging-tips-20180120t002708207z |
category | tutorial |
json_metadata | {"tags":["tutorial"],"image":["https://steemitimages.com/0x0/https://steemitimages.com/DQmZBhZLPhqKiHZmLW2tFupUXCtM9dPP4mh85DtLGSwxrrm/171005_Masterpost_Icons-01.png","https://steemitimages.com/100x100/https://steemitimages.com/DQmZBhZLPhqKiHZmLW2tFupUXCtM9dPP4mh85DtLGSwxrrm/171005_Masterpost_Icons-01.png","https://steemitimages.com/50x50/https://steemitimages.com/DQmZBhZLPhqKiHZmLW2tFupUXCtM9dPP4mh85DtLGSwxrrm/171005_Masterpost_Icons-01.png"],"app":"steemit/0.1"} |
created | 2018-01-20 00:27:06 |
last_update | 2018-01-20 00:27:06 |
depth | 3 |
children | 5 |
last_payout | 2018-01-27 00:27:06 |
cashout_time | 1969-12-31 23:59:59 |
total_payout_value | 1.752 HBD |
curator_payout_value | 0.554 HBD |
pending_payout_value | 0.000 HBD |
promoted | 0.000 HBD |
body_length | 1,064 |
author_reputation | 5,859,582,764,121 |
root_title | "Markdown Tutorial + Steemit Blogging Tips" |
beneficiaries | [] |
max_accepted_payout | 1,000,000.000 HBD |
percent_hbd | 10,000 |
post_id | 30,741,971 |
net_rshares | 209,115,053,998 |
author_curate_reward | "" |
voter | weight | wgt% | rshares | pct | time |
---|---|---|---|---|---|
hansikhouse | 0 | 43,282,357,713 | 5% | ||
voronoi | 0 | 150,344,117,117 | 20% | ||
jodiegolier | 0 | 8,881,483,241 | 100% | ||
guitartech | 0 | 4,529,751,317 | 100% | ||
gerel | 0 | 1,437,543,312 | 100% | ||
jedamez | 0 | 452,038,380 | 100% | ||
npna | 0 | 0 | 100% | ||
criticalmass | 0 | 187,762,918 | 100% | ||
eazz | 0 | 0 | 100% | ||
angelicasales | 0 | 0 | 100% | ||
blueclothes | 0 | 0 | 100% |
tsss markdown sorcery!
author | geniusloci |
---|---|
permlink | re-maxg-re-yaanivapeji-re-maxg-re-sndbox-markdown-tutorial-steemit-blogging-tips-20180120t052358126z |
category | tutorial |
json_metadata | {"tags":["tutorial"],"app":"steemit/0.1"} |
created | 2018-01-20 05:23:57 |
last_update | 2018-01-20 05:23:57 |
depth | 4 |
children | 0 |
last_payout | 2018-01-27 05:23:57 |
cashout_time | 1969-12-31 23:59:59 |
total_payout_value | 0.000 HBD |
curator_payout_value | 0.000 HBD |
pending_payout_value | 0.000 HBD |
promoted | 0.000 HBD |
body_length | 22 |
author_reputation | 3,182,264,924,114 |
root_title | "Markdown Tutorial + Steemit Blogging Tips" |
beneficiaries | [] |
max_accepted_payout | 1,000,000.000 HBD |
percent_hbd | 10,000 |
post_id | 30,787,783 |
net_rshares | 0 |
the best contribution with which I could come across. Many thanks!!
author | guitartech |
---|---|
permlink | re-maxg-re-yaanivapeji-re-maxg-re-sndbox-markdown-tutorial-steemit-blogging-tips-20180120t042405261z |
category | tutorial |
json_metadata | {"tags":["tutorial"],"app":"steemit/0.1"} |
created | 2018-01-20 04:25:30 |
last_update | 2018-01-20 04:25:30 |
depth | 4 |
children | 0 |
last_payout | 2018-01-27 04:25:30 |
cashout_time | 1969-12-31 23:59:59 |
total_payout_value | 0.000 HBD |
curator_payout_value | 0.000 HBD |
pending_payout_value | 0.000 HBD |
promoted | 0.000 HBD |
body_length | 67 |
author_reputation | 3,990,573,003,747 |
root_title | "Markdown Tutorial + Steemit Blogging Tips" |
beneficiaries | [] |
max_accepted_payout | 1,000,000.000 HBD |
percent_hbd | 10,000 |
post_id | 30,778,763 |
net_rshares | 0 |
Fantastic!!!! Thank you.
author | jodiegolier |
---|---|
permlink | re-maxg-re-yaanivapeji-re-maxg-re-sndbox-markdown-tutorial-steemit-blogging-tips-20180121t005103305z |
category | tutorial |
json_metadata | {"tags":["tutorial"],"app":"steemit/0.1"} |
created | 2018-01-21 00:51:03 |
last_update | 2018-01-21 00:51:03 |
depth | 4 |
children | 0 |
last_payout | 2018-01-28 00:51:03 |
cashout_time | 1969-12-31 23:59:59 |
total_payout_value | 0.000 HBD |
curator_payout_value | 0.000 HBD |
pending_payout_value | 0.000 HBD |
promoted | 0.000 HBD |
body_length | 25 |
author_reputation | 1,136,545,859,993 |
root_title | "Markdown Tutorial + Steemit Blogging Tips" |
beneficiaries | [] |
max_accepted_payout | 1,000,000.000 HBD |
percent_hbd | 10,000 |
post_id | 30,986,031 |
net_rshares | 614,468,794 |
author_curate_reward | "" |
voter | weight | wgt% | rshares | pct | time |
---|---|---|---|---|---|
yasin554340 | 0 | 614,468,794 | 100% |
Whoa! That's a great trick!
author | sndbox |
---|---|
permlink | re-maxg-re-yaanivapeji-re-maxg-re-sndbox-markdown-tutorial-steemit-blogging-tips-20180120t174913904z |
category | tutorial |
json_metadata | {"tags":["tutorial"],"app":"steemit/0.1"} |
created | 2018-01-20 17:49:12 |
last_update | 2018-01-20 17:49:12 |
depth | 4 |
children | 0 |
last_payout | 2018-01-27 17:49:12 |
cashout_time | 1969-12-31 23:59:59 |
total_payout_value | 0.000 HBD |
curator_payout_value | 0.000 HBD |
pending_payout_value | 0.000 HBD |
promoted | 0.000 HBD |
body_length | 27 |
author_reputation | 633,122,316,798,067 |
root_title | "Markdown Tutorial + Steemit Blogging Tips" |
beneficiaries | [] |
max_accepted_payout | 1,000,000.000 HBD |
percent_hbd | 10,000 |
post_id | 30,917,083 |
net_rshares | 0 |
This is great - I've always wondered how to do this and now I know! Thank you
author | supernovastaffy |
---|---|
permlink | re-maxg-re-yaanivapeji-re-maxg-re-sndbox-markdown-tutorial-steemit-blogging-tips-20180317t094802302z |
category | tutorial |
json_metadata | {"tags":["tutorial"],"app":"steemit/0.1"} |
created | 2018-03-17 09:48:00 |
last_update | 2018-03-17 09:48:00 |
depth | 4 |
children | 0 |
last_payout | 2018-03-24 09:48:00 |
cashout_time | 1969-12-31 23:59:59 |
total_payout_value | 0.000 HBD |
curator_payout_value | 0.000 HBD |
pending_payout_value | 0.000 HBD |
promoted | 0.000 HBD |
body_length | 77 |
author_reputation | 2,718,219,936,648 |
root_title | "Markdown Tutorial + Steemit Blogging Tips" |
beneficiaries | [] |
max_accepted_payout | 1,000,000.000 HBD |
percent_hbd | 10,000 |
post_id | 44,922,125 |
net_rshares | 0 |
Nice, so what if you want to reduce a photo size in a post?
author | yaanivapeji |
---|---|
permlink | re-maxg-re-sndbox-markdown-tutorial-steemit-blogging-tips-20180119t235126845z |
category | tutorial |
json_metadata | {"tags":["tutorial"],"app":"steemit/0.1"} |
created | 2018-01-19 23:51:36 |
last_update | 2018-01-19 23:51:36 |
depth | 2 |
children | 0 |
last_payout | 2018-01-26 23:51:36 |
cashout_time | 1969-12-31 23:59:59 |
total_payout_value | 0.000 HBD |
curator_payout_value | 0.000 HBD |
pending_payout_value | 0.000 HBD |
promoted | 0.000 HBD |
body_length | 59 |
author_reputation | 29,767,891,437,404 |
root_title | "Markdown Tutorial + Steemit Blogging Tips" |
beneficiaries | [] |
max_accepted_payout | 1,000,000.000 HBD |
percent_hbd | 10,000 |
post_id | 30,736,907 |
net_rshares | 0 |