RE: Markdown Tutorial + Steemit Blogging Tips by maxg

View this thread on: hive.blog | peakd.com | ecency.com

Viewing a response to: @sndbox/markdown-tutorial-steemit-blogging-tips

tutorial · @maxg · Jan 19 '18 (edited)

$2.93

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.

👍 diggndeeper.com, voronoi, geniusloci, jodiegolier, martinamartini, direwolf, jlordc, gerel, josejirafa, medical-hall, ucathy, twezzy, criticalmass, eazz, jimdraw, fitbusinessman

`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`	""

properties (23)vote details (16)

voter	rshares	pct
voronoi	53,688,359,739	8%
fitbusinessman	0	100%
diggndeeper.com	157,175,750,410	30%
jodiegolier	9,033,737,240	100%
martinamartini	3,846,011,637	100%
jimdraw	0	100%
geniusloci	36,285,310,661	100%
direwolf	3,637,327,973	20%
gerel	1,469,488,719	100%
josejirafa	1,016,640,378	100%
jlordc	2,335,655,134	100%
criticalmass	184,684,837	100%
ucathy	580,487,787	100%
medical-hall	614,156,071	100%
twezzy	202,774,686	100%
eazz	0	100%

@fitbusinessman · Sep 8 '18

Good HTML note bud!

properties (22)

`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

@martinamartini · Jan 21 '18

Thank you for posting this instruction! I have been looking for it!

properties (22)

`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

@sndbox · Jan 19 '18

Nice!! Excellent example of justifying images within text. Thanks for sharing this @maxg :D

👍 maxg

`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`	""

properties (23)vote details (1)

voter	weight	wgt%	rshares	pct	time
maxg	0 B		786,055,972	100%

@traveltolearn · Mar 22 '18

**This is really useful, thanks for sharing**

properties (22)

`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

@yaanivapeji · Jan 19 '18

Nice, so what if you want to reduce a photo size in a post?

👍 maxg

`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`	""

properties (23)vote details (1)

voter	weight	wgt%	rshares	pct	time
maxg	0 B		799,927,548	100%

@maxg · Jan 20 '18

$2.31

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>

👍 voronoi, hansikhouse, jodiegolier, guitartech, gerel, jedamez, criticalmass, blueclothes, angelicasales, eazz, npna

`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`	""

properties (23)vote details (11)

voter	rshares	pct
hansikhouse	43,282,357,713	5%
voronoi	150,344,117,117	20%
jodiegolier	8,881,483,241	100%
guitartech	4,529,751,317	100%
gerel	1,437,543,312	100%
jedamez	452,038,380	100%
npna	0	100%
criticalmass	187,762,918	100%
eazz	0	100%
angelicasales	0	100%
blueclothes	0	100%

@geniusloci · Jan 20 '18

tsss markdown sorcery!

properties (22)

`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

@guitartech · Jan 20 '18

the best contribution with which I could come across. Many thanks!!

properties (22)

`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

@jodiegolier · Jan 21 '18

Fantastic!!!!  Thank you.

👍 yasin554340

`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`	""

properties (23)vote details (1)

voter	weight	wgt%	rshares	pct	time
yasin554340	0 B		614,468,794	100%

@sndbox · Jan 20 '18

Whoa! That's a great trick!

properties (22)

`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

@supernovastaffy · Mar 17 '18

This is great - I've always wondered how to do this and now I know! Thank you

properties (22)

`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

@yaanivapeji · Jan 19 '18

Nice, so what if you want to reduce a photo size in a post?

properties (22)