Markdown 101 - How to make kick ass posts on Steemit

blockgators (67) · 7 years ago

Thanks for the post I am working hard learning to use HTML and Markdown to create more quality posts. I have not learned how to change the font style or font color.

$0.17

re-engineer (55) · 7 years ago

Tough luck, @blockgators. I have looked for days and I've been told on a good number of sites that font size and style doesn't change in markdown and the only way to change the color is by making the font a link. Those are codes I want to see too. If you do see those things change on someone's site check to see if it's really text that's been formatted or if it's an image of formatted text.

$0.00

jiayanglai (36) · 7 years ago

@re-engineer Thanks! Good to know these tricks!

$0.02

blockgators (67) · 7 years ago

I will keep my eye open for it now. I guess when I see it being done it was an image I was seeing. Thanks for the heads up.

$0.00

blockgators (67) · 7 years ago

I may have to incorporate the image of formatted test in some of my posts once I learn it. I also need to learn how to put the line with the logo in my posts. The page divider lines and I want to add a logo.

$0.00

re-engineer (55) · 7 years ago

When you get a logo image just the way you like it, cut and paste the code into a text file and keep it handy so you will have it ready to go every time you make a post ;-)

$0.00

kain-niak (39) · 7 years ago

Hey guys I am new to steemit but this is so weird. Is steemit going to be like reddit but with karma that is worth something? Oh man that is going to open up new doors. So awseome.

Any right now I have only created some shitposts but thank you for this guide. I am going to do my best to get comfortable on steemit like I am on reddit.

$0.00

iamsgr (57) · 7 years ago

Loved the way you put these things up, mate.. Just adding two more 😉.
Code for pulling photos to left.
<div class="pull-left">[image url]</div>
For pulling photos to right.
<div class="pull-right">[image url]</div>
Have a great day ;)

$0.15

6 votes

fknmayhem (70) · 7 years ago

While Gruber is often labeled writer, many forget that he also was a (web) designer. As such it is very regrettable that he never included floats or center options.

Especially considering that the whole reason why he created Markdown was to make it easrier for authors (writers) to include basic HTML. WIthout needing to type out all those < & > and other attributes.

Semantically pull is most often used for pull-quotes, thus something which serves to highlight. Left or right-aligning an image actually gives it less focus.

$0.00

re-engineer (55) · 7 years ago

I use those so often and it took me forever to find somewhere that explained them! I simply adore being able to put text next to the pictures where the text relates to them!

$0.00

iamsgr (57) · 7 years ago

Well, why do you think putting images to left or right would be less relatable to texts?

$0.00

re-engineer (55) · 7 years ago

Sorry, Maybe I didn't say that very well. I meant that I believe the text and pictures each help explain the meaning of the other better when they are side. Sometimes if you have to scroll to see one or the other there's a bit of a disconnect between the two.

$0.00

theexplorer (57) · 7 years ago

@themarkymark, possibly one of the most useful posts I have come across on stremit so far, thank you so much, following and voted!

$0.10

tananda (52) · 6 years ago

Thank you for usful information. I'll try to use it

$0.04

windrockswater (48) · 7 years ago

No matter how many times I read posts like this, there is so much to get out of it for a novice. The time that it took and the work you put into it, is deeply appreciated. I have been encouraged to start content creation, but am shy because of my lack of skill. I am surely not alone. Thank you sincerely for addressing this.

$0.00

shannonpurple (37) · 6 years ago

This was SUPER helpful!! Thanks for posting. :-)

$0.00

bonaventurehoste (53) · 7 years ago

As I just joined steemit today and was looking into creating my first post I was wondering about this.
Very interesting, Thanks!

$0.00

loler555 (58) · 7 years ago

Welcome to the community :)

$0.00

giveabit (39) · 7 years ago

OMG!! This is soooooo helpful! Thanks for sharing!

$0.00

t-flames (57) · 7 years ago

Thank You

_{I can't Thank you enough.}

$0.00

daydreams4rock (63) · 7 years ago

i feel so basic and have so much to learn -thanks mate - rock on

$0.00

eyedreemit (47) · 7 years ago

I'm with you: grateful for these helpful posts. Willing and eager to learn.

$0.00

musicdev (25) · 7 years ago

Thank you so much for this! It would help me a lot.

$0.00

plye (42) · 7 years ago

Wow! I'll be using everything in 3...2...1!
Just kidding. Tons of great information. I am new here, so I will be saving this post (somehow, somewhere) or I'll forget it. Thank you so much for sharing this.

$0.00

loler555 (58) · 7 years ago

Cool man! Love the post :D

$0.00

manorvillemike (65) · 7 years ago

Great info and easily explained. Thank you # @themarkymark

$0.00

rocketsteem (0) · 7 years ago

$0.00

Reveal Comment

intuitivejakob (65) · 7 years ago (edited)

Great concise tutorial.

I wonder what your opinions are about underline, @themarkymark.

I was reading different opinions on that. Some stated that < u > and < /u > were done away with because of confusion with URLs while others were unhappy with the source of that statement.

Personally, I don't feel I got a conclusive understanding of that, but recall a time when < u > & < /u > could be used to create an underline.

Do you have an opinion on this?

$0.00

themarkymark (78) · 7 years ago

Underline isn't in markdown as it wasn't designed for formatting text, just meaning. Underline is something each application would need to handle itself, like github has different additions to markdown as does Discord. Really isn't much of a choice here, got to use what's available, but I don't think there is an underline that works with Steemit as far as I know

$0.00

intuitivejakob (65) · 7 years ago

Thanks for explaining that! It was bugging me why I couldn't figure it out.

$0.00

masripribumi (49) · 7 years ago

This post is very good, useful for me as beginner at steemit

$0.00

cryptopie (81) · 7 years ago

Everybody should learn this for our blog enhancements.

$0.00

prasanna-n (25) · 7 years ago

A great post to help begenners in MD. Given that it could be hard for a lot of people to learn markdown a tool like typora(https://typora.io/), a WYSIWYG editor, can be very useful.

$0.00

stephen-somers (63) · 7 years ago

Couple of great new markup tricks you’ve shown me.
Thank you.

$0.00

introvertspeaks (51) · 7 years ago (edited)

Interesting read but I don't think I need to memorize them. The first thing I would ask whenever I use an online text editor is that how is my life better for this?

$0.00

themarkymark (78) · 7 years ago

There are some markdown editors, but none of them I have found are 100% compatible with Steemit. There is also not that much to remember, and it will be a lot easier to know while writing posts. At least being familiar with what is possible will dramatically increase the look of your content.

$0.00

pfeilerfam5 (54) · 7 years ago

Thank you for sharing. I have been on here for a couple months and still learning. It is nice to know and play with enhancing and highlighting a post.
Upvoted, following and resteemed.
Kenny.

$0.00

romaan-namoor (59) · 7 years ago

Very informative post... learned a lot from it. So, thanks for that!!
Upvote and follow.

Cheers!

$0.00

wahab9107 (55) · 7 years ago

Nice! voteback!

$0.00

gheghenrv (59) · 7 years ago

This is a big help for me. Thank you for sharing! Tried in my comment already. I am so happy. Hehe 🙂

$0.00

xyzashu (75) · 7 years ago

How to write smaller font size than normal text ...like one written below an image to describe it?

$0.00

themarkymark (78) · 7 years ago

Yes, it's called subscript, great for citations.

$0.00

richforever (59) · 7 years ago

Thank you sir this will be useful for ma new recruits. They will see this. I will contact ya when I need more help with the markdown

$0.00

krazykrista (65) · 7 years ago

Thanks for this marky!! Got it bookmarked now :)

$0.00

re-engineer (55) · 7 years ago

You've got the best of the best here and some of them I had to work hard to find!

I have trouble with the horizontal line sometimes too. The HTML commands are sometimes a bit less flaky than the markup coding.

The code for the horizontal line is <hr> (horizontal rule). <sup>text</sup> works to make text superscript which can be handy for making footnotes, eg. Footnote^{[Note 1]}. The carrot (^) is supposed to work in markup but again... flaky!

$0.00

mother2chicks (61) · 7 years ago

Great info that I have been having trouble finding about markdown language. Thank you so much. You answered several of my questions.

$0.00

adelepazani (73) · 7 years ago

What i was looking for :) ! ,thanks it was useful information ,

$0.00

dinov2 (25) · 7 years ago

Nice post. I'm surprised and glad that Steemit doesn't use WYSIWIG editors. Those things destroy semantic code.

$0.00

cryptochain (41) · 7 years ago

Thank you for such a well-written explanation of markdown and it’s commands. I taught myself HTML in 1995 (damn I sound old!) and have hand coded ever since. As a Steemit newbie, this post will come in handy.

$0.00

zeroooc (55) · 7 years ago

Very comprehensive guide. Don't see any love for typora.io though, I think it's a very cool little markdown editor.

$0.00

rana420 (55) · 7 years ago

nice post.

$0.00

mulyadi.alwi (47) · 7 years ago

I still do not understand how to post in steemi, I hope you can teach me how to succeed in steemit

$0.00

ericscalibur (39) · 7 years ago

Loved the meme references! LOL

$0.00

marisolhidalgo (44) · 7 years ago

Thanks for your post, it was necessary.

$0.00

rksleung (38) · 7 years ago

This is a very useful post!

$0.00

laurenalexx (37) · 7 years ago

Oh I love this!! I was busy using my oldschool HTML skills :P (which by the way I mastered by the age of ten in order to sell layouts on neopets!) ahahaa.

I was wondering why it was a bit glitchy!

I feel enlightened. And this is so much easier ! Wow !

Too bad im sour on apple at the moment after forgetting my apple password and having to wair 4 weeks for access to my account :( lol

$0.00

thankgodikkc (50) · 7 years ago

wow this wonderful

$0.00

acrowland (42) · 7 years ago

This was very helpful and gives me even more tools to work with and new things to learn. Thank you and I hope you have an amazing day

$0.00

beeyou (59) · 7 years ago

Thanks so much! No amount of googling showed me the correct way to center. You just did!

$0.00

cushcoast (52) · 7 years ago

Thank you so much to the legend

$0.00

saintjames (45) · 7 years ago

Wow, this article was SUPER helpful. I wish my vote was worth more!

$0.00

guidedcrypto (44) · 7 years ago

Wow thank you for this , I'm new to steemit and my head is spinning still trying to figure this all out. I feel like I entered the twilight zone. Steemit has a steep learning curve I guess

$0.00

mindreader (54) · 7 years ago

I use a lot of HTML on my e-commerce websites,but there is a plenty of useful information here!

$0.00

dukeung (43) · 7 years ago

This coding 101.

$0.00

sweetjoy (49) · 7 years ago

Great tips! Joy

$0.00

wisexorfool (43) · 7 years ago

Super useful! You're an inspiration :)

$0.00

ground2feet (61) · 7 years ago

This was great thank you! can you make the photos smaller when you import them?

$0.00

sitoga (25) · 7 years ago

Great post! As a total newbie at Steemit this is very helpful and save me tons of time.
So, again, thanks for putting this together.

$0.00

contentking (60) · 7 years ago

This is a really helpful post. I notice that you can use HTML on SteemIt, and that's what most people know, but I think it's beneficial to learn markdown as it seems so much easier to use.

I'm going to start using markdown on all of my posts. And I can't thank you enough for the example on how to build tables. That's one I've been struggling to find for quite some time.

$0.00

gjcooper (51) · 7 years ago

Thanks, one of the more comprehensive and well written markdown overviews I have seen on Steemit.

As a programmer I am a bit peeved by the lack of syntax highlighting in code blocks. Hopefully that will be added at some point. (I have been forced to screenshot rendered code from Github to then post back to Steemit).

$0.00

mykelade (31) · 6 years ago

Thank you for this post, It is educative for newbies like me

$0.00

xlaylamx (45) · 6 years ago

I’m printing this and keeping it close until I remember all tips by heart.

If I was a programmer and not a finance compliance manager it would be much easier.

not bad
better than I thought

1. Great post 1. Helpful instructions

I’ll be following you now

$0.00

vhicktoriea (27) · 6 years ago

so much to learn here, its not something I can read and learn at once. I am definitely going to follow you

$0.00

jokossita (59) · 7 years ago

I made up one article like this when I was starting in this platform but you really have it perfect here, gonna send the link to my friends so our stories are getting even prettier :) thanks for sharing

$0.00

themarkymark (78) · 7 years ago

$0.00

ah55 (32) · 6 years ago

Hi nice article.....Keep writing that's like article and let's help each other also checkout my post click here

$0.00

simply-me (58) · 6 years ago

sending this to myself. I am looking for how to colour the fonts but still haven't found the answer yet. No worries. I just keep on looking

$0.00

themarkymark (78) · 6 years ago

You have to use images.

$0.00

simply-me (58) · 6 years ago

thanks

$0.00

juanfb (56) · 6 years ago

Very nice and clear tutorial, it was very useful for me. Thanks!!

$0.00

bluelightbandit (61) · 6 years ago

Excellent tutorial, thank you for taking the time to explain it for us!

$0.00

suzanrs (57) · 6 years ago

@themarkymark I've been on Steemit for a bit now, but life changes means I can now make a more serious effort instead of a kind of daily blurb for interest. I've started writing up science posts and wanted to smarten them up. This has been so helpful I've copied to a word.docx so I can keep referring back until it's 2nd nature. I'm using hackmd.io and agree it's probably the better one. I just need to figure out how to make text red or blue now - just to spice it up a bit. Thank you and you should report this for newcomers.

$0.00

themarkymark (78) · 6 years ago

I have this post as well as a few others in my footer of every post as it's good for new users.

$0.00

veronagirl (25) · 6 years ago

Very informative post mate. The examples made a lot of sense, and you explained it in plain English. Thank you for giving examples of how it's supposed to present, too.

$0.00

dianation (33) · 6 years ago

Bookmarked this article! A lot of useful information. Merci beaucoup! :)

$0.00

teaeyeknow (40) · 6 years ago

This is amazingly one of the best post I have come across ever since I sign onto Steemit. I am so new here but after reading this post I feel more empowered to work my way through building a whale. I really like your sense of creativity and commitment. You really have added value to me today. Thanks a lot for the post. It really is awesome.

$0.00

saghir (46) · 6 years ago

I have learn a lot from your post

Posted using Partiko Android

$0.00

minnowbooster (73) · 7 years ago

Calling @originalworks :)
_{img credz: pixabay.com}
Nice, you got a 15.0% @minnowbooster upgoat, thanks to @themarkymark
Want a boost? Minnowbooster's got your back!

$0.00

4 votes

originalworks (69) · 7 years ago

The @OriginalWorks bot has determined this post by @themarkymark to be original material and upvoted(1.5%) it!

To call @OriginalWorks, simply reply to any post with @originalworks or !originalworks in your message!

$0.00