create account

RE: Markdown Tutorial + Steemit Blogging Tips by maxg

View this thread on: hive.blogpeakd.comecency.com

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

· @maxg · (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.
👍  , , , , , , , , , , , , , , ,
properties (23)
authormaxg
permlinkre-sndbox-markdown-tutorial-steemit-blogging-tips-20180119t193317408z
categorytutorial
json_metadata{"tags":["tutorial"],"image":["https://steemitimages.com/0x0/https://steemitimages.com/DQmZBhZLPhqKiHZmLW2tFupUXCtM9dPP4mh85DtLGSwxrrm/171005_Masterpost_Icons-01.png"],"app":"steemit/0.1"}
created2018-01-19 19:33:18
last_update2018-01-19 19:37:15
depth1
children12
last_payout2018-01-26 19:33:18
cashout_time1969-12-31 23:59:59
total_payout_value2.510 HBD
curator_payout_value0.424 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length1,821
author_reputation5,859,582,764,121
root_title"Markdown Tutorial + Steemit Blogging Tips"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id30,694,337
net_rshares270,070,385,272
author_curate_reward""
vote details (16)
@fitbusinessman ·
Good HTML note bud!
properties (22)
authorfitbusinessman
permlinkre-maxg-re-sndbox-markdown-tutorial-steemit-blogging-tips-20180908t034501502z
categorytutorial
json_metadata{"tags":["tutorial"],"app":"steemit/0.1"}
created2018-09-08 03:45:00
last_update2018-09-08 03:45:00
depth2
children0
last_payout2018-09-15 03:45:00
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length19
author_reputation5,414,597,988,616
root_title"Markdown Tutorial + Steemit Blogging Tips"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id70,664,708
net_rshares0
@martinamartini ·
Thank you for posting this instruction! I have been looking for it!
properties (22)
authormartinamartini
permlinkre-maxg-re-sndbox-markdown-tutorial-steemit-blogging-tips-20180121t050146127z
categorytutorial
json_metadata{"tags":["tutorial"],"app":"steemit/0.1"}
created2018-01-21 05:01:45
last_update2018-01-21 05:01:45
depth2
children0
last_payout2018-01-28 05:01:45
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length67
author_reputation1,812,997,708,099
root_title"Markdown Tutorial + Steemit Blogging Tips"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id31,022,236
net_rshares0
@sndbox ·
Nice!! Excellent example of justifying images within text. Thanks for sharing this @maxg :D
👍  
properties (23)
authorsndbox
permlinkre-maxg-re-sndbox-markdown-tutorial-steemit-blogging-tips-20180119t194838083z
categorytutorial
json_metadata{"tags":["tutorial"],"users":["maxg"],"app":"steemit/0.1"}
created2018-01-19 19:48:36
last_update2018-01-19 19:48:36
depth2
children0
last_payout2018-01-26 19:48:36
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length91
author_reputation633,122,316,798,067
root_title"Markdown Tutorial + Steemit Blogging Tips"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id30,697,150
net_rshares786,055,972
author_curate_reward""
vote details (1)
@traveltolearn ·
**This is really useful, thanks for sharing**
properties (22)
authortraveltolearn
permlinkre-maxg-re-sndbox-markdown-tutorial-steemit-blogging-tips-20180322t160741434z
categorytutorial
json_metadata{"tags":["tutorial"],"app":"steemit/0.1"}
created2018-03-22 16:07:42
last_update2018-03-22 16:07:42
depth2
children0
last_payout2018-03-29 16:07:42
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length45
author_reputation45,423,919,337
root_title"Markdown Tutorial + Steemit Blogging Tips"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id45,978,317
net_rshares0
@yaanivapeji ·
Nice, so what if you want to reduce a photo size in a post?
👍  
properties (23)
authoryaanivapeji
permlinkre-maxg-re-sndbox-markdown-tutorial-steemit-blogging-tips-20180119t234827458z
categorytutorial
json_metadata{"tags":["tutorial"],"app":"steemit/0.1"}
created2018-01-19 23:49:06
last_update2018-01-19 23:49:06
depth2
children6
last_payout2018-01-26 23:49:06
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length59
author_reputation29,767,891,437,404
root_title"Markdown Tutorial + Steemit Blogging Tips"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id30,736,530
net_rshares799,927,548
author_curate_reward""
vote details (1)
@maxg ·
$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>
👍  , , , , , , , , , ,
properties (23)
authormaxg
permlinkre-yaanivapeji-re-maxg-re-sndbox-markdown-tutorial-steemit-blogging-tips-20180120t002708207z
categorytutorial
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"}
created2018-01-20 00:27:06
last_update2018-01-20 00:27:06
depth3
children5
last_payout2018-01-27 00:27:06
cashout_time1969-12-31 23:59:59
total_payout_value1.752 HBD
curator_payout_value0.554 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length1,064
author_reputation5,859,582,764,121
root_title"Markdown Tutorial + Steemit Blogging Tips"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id30,741,971
net_rshares209,115,053,998
author_curate_reward""
vote details (11)
@geniusloci ·
tsss markdown sorcery!
properties (22)
authorgeniusloci
permlinkre-maxg-re-yaanivapeji-re-maxg-re-sndbox-markdown-tutorial-steemit-blogging-tips-20180120t052358126z
categorytutorial
json_metadata{"tags":["tutorial"],"app":"steemit/0.1"}
created2018-01-20 05:23:57
last_update2018-01-20 05:23:57
depth4
children0
last_payout2018-01-27 05:23:57
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length22
author_reputation3,182,264,924,114
root_title"Markdown Tutorial + Steemit Blogging Tips"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id30,787,783
net_rshares0
@guitartech ·
the best contribution with which I could come across. Many thanks!!
properties (22)
authorguitartech
permlinkre-maxg-re-yaanivapeji-re-maxg-re-sndbox-markdown-tutorial-steemit-blogging-tips-20180120t042405261z
categorytutorial
json_metadata{"tags":["tutorial"],"app":"steemit/0.1"}
created2018-01-20 04:25:30
last_update2018-01-20 04:25:30
depth4
children0
last_payout2018-01-27 04:25:30
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length67
author_reputation3,990,573,003,747
root_title"Markdown Tutorial + Steemit Blogging Tips"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id30,778,763
net_rshares0
@jodiegolier ·
Fantastic!!!!  Thank you.
👍  
properties (23)
authorjodiegolier
permlinkre-maxg-re-yaanivapeji-re-maxg-re-sndbox-markdown-tutorial-steemit-blogging-tips-20180121t005103305z
categorytutorial
json_metadata{"tags":["tutorial"],"app":"steemit/0.1"}
created2018-01-21 00:51:03
last_update2018-01-21 00:51:03
depth4
children0
last_payout2018-01-28 00:51:03
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length25
author_reputation1,136,545,859,993
root_title"Markdown Tutorial + Steemit Blogging Tips"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id30,986,031
net_rshares614,468,794
author_curate_reward""
vote details (1)
@sndbox ·
Whoa! That's a great trick!
properties (22)
authorsndbox
permlinkre-maxg-re-yaanivapeji-re-maxg-re-sndbox-markdown-tutorial-steemit-blogging-tips-20180120t174913904z
categorytutorial
json_metadata{"tags":["tutorial"],"app":"steemit/0.1"}
created2018-01-20 17:49:12
last_update2018-01-20 17:49:12
depth4
children0
last_payout2018-01-27 17:49:12
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length27
author_reputation633,122,316,798,067
root_title"Markdown Tutorial + Steemit Blogging Tips"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id30,917,083
net_rshares0
@supernovastaffy ·
This is great - I've always wondered how to do this and now I know! Thank you
properties (22)
authorsupernovastaffy
permlinkre-maxg-re-yaanivapeji-re-maxg-re-sndbox-markdown-tutorial-steemit-blogging-tips-20180317t094802302z
categorytutorial
json_metadata{"tags":["tutorial"],"app":"steemit/0.1"}
created2018-03-17 09:48:00
last_update2018-03-17 09:48:00
depth4
children0
last_payout2018-03-24 09:48:00
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length77
author_reputation2,718,219,936,648
root_title"Markdown Tutorial + Steemit Blogging Tips"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id44,922,125
net_rshares0
@yaanivapeji ·
Nice, so what if you want to reduce a photo size in a post?
properties (22)
authoryaanivapeji
permlinkre-maxg-re-sndbox-markdown-tutorial-steemit-blogging-tips-20180119t235126845z
categorytutorial
json_metadata{"tags":["tutorial"],"app":"steemit/0.1"}
created2018-01-19 23:51:36
last_update2018-01-19 23:51:36
depth2
children0
last_payout2018-01-26 23:51:36
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length59
author_reputation29,767,891,437,404
root_title"Markdown Tutorial + Steemit Blogging Tips"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id30,736,907
net_rshares0