Toolkit posts are designed to help new Steemians get acquainted with the ins and outs of Steemit. If you have requests on components or systems related to Steemit that you would like to see explained, please let us know in the comments below. [The graphics and text have been updated from our original Markdown post.]
What is Markdown?
Markdown is the code language used in creating and editing Steemit blog posts. It allows you to customize text, emphasize elements and overall help you create amazing content without the headache of using HTML directly.
Within the Steemit interface, all blog post and comment boxes support the Markdown language. This gives you the flexibility to insert a wide range of formatting options from text headers to bullet points and charts. In this tutorial, we’re going to run through the basics to help you get acquainted with Markdown formatting.
# Heading 1
## Heading 2
### Heading 3
Heading 1
Heading 2
Heading 3
*italic* and **bold** and ***bold-italic***
italic and bold and bold-italic
<center>Example Text</center>
Your [linked text or image](http://steemit.com/).
Your linked text or image.
Adding images to your post is as easy as dragging and dropping them from your computer desktop right into the Steemit text box. Images can only be uploaded one at a time and it will take a moment depending on the size of the file. Once images are successfully uploaded onto Steemit, a code will appear which you can move around your blog post to your liking.
- Tip 1: Uploaded images may appear in a different location in the text than you originally dropped. (It all depends on where your cursor was located!)
- Tip 2: If you are formatting images to be uploaded to Steemit and wish for them to span the whole post, we recommend making them at least 1000 pixels in width.
Here's an example of the image code that appears after the drag and drop process:
![Markdown-Example.jpeg](https://steemitimages.com/DQmQfwKGjY48BHUMYUhFcQ7YETRiKKp7apAZfLYK3csU7s9/180119_Markdown%20Tutorial-06.png)
>This is a quote, someone said this!
This is a quote, someone said this!
* Red
* Blue
* Yellow
- Red
- Blue
- Yellow
Category A | Category B
--- | ---
Thing 1 | Thing 2
Category A | Category B |
---|---|
Thing 1 | Thing 2 |
E=MC<sup>2</sup>
E=MC2
Healthy plants need CO<sub>2</sub>
Healthy plants need CO2
Exploring More Options
These Markdown tips should help you get started! A comprehensive list of options can also be found here Feel free to reach out to us in the comment section with any Markdown or formatting questions. If you're feeling adventurous, give a few of these Markdown tips a go with your comments below!
Thanks for reading! We hope you found this Steemit Markdown guide useful. Take a look at our full outline of resources below. If you have any questions please don’t hesitate to reach out in the comment section.
Blockchain | Basics | Markdown | Basics-2 | Wallet |
---|---|---|---|---|
Payouts | Witnesses | NoNo's | Curation | Reputation |
---|---|---|---|---|
A Steemit specific - you can use the
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.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.<div class="pull-right></div>
and<div class="pull-left></div>
to push photos to one side of the screen or another.Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
Nice, so what if you want to reduce a photo size in a post?
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
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:
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
Fantastic!!!! Thank you.
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
the best contribution with which I could come across. Many thanks!!
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
tsss markdown sorcery!
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
Whoa! That's a great trick!
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
This is great - I've always wondered how to do this and now I know! Thank you
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
Nice!! Excellent example of justifying images within text. Thanks for sharing this @maxg :D
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
Nice, so what if you want to reduce a photo size in a post?
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
Thank you for posting this instruction! I have been looking for it!
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
This is really useful, thanks for sharing
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
Good HTML note bud!
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
Really very helpful tools. It will save a lot of time because I was using HTML for my posts till now.
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
I'm so glad I found this account!
May I translate your articles for my little community (to Hebrew)?
Of course with a credit for you.
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
Absolutely! Message us in Steemit.Chat with the links once their up :)
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
That's a really useful post! I'm bookmarking it so I can send it to newbies when they need help with this kind of stuff.
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
Excellent, that's great to hear @rocking-dave. Thanks for your support :D
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
Oh, my pleasure! Especially when the support is just taking advantage of some awesome resources. ;)
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
How can a post get bookmarked?
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
You can bookmark the link to a certain post as any other link in your browser. That's what I meant. You can't really bookmark a post as part of the steemit interface itself.
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
Oh, cut and paste!!! Alright, thank you! As long as there is no other way! I have been looking for some hidden function! :)
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
Browser bookmarking is a bit more convenient than cut and paste really and if you are using Chrome and don't mind being logged in, you can even move your bookmarks and sessions between devices. I personally mind that very much and I'm neither using Chrome, nor logging in to save bookmarks or anything like that.
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
Thanks for sharing! Very useful for beginners, and those who do not know html. I naturally gravitate towards styling through html as I use it a lot in some of my other work.
You have some really useful tips and have helped me build my content a lot, thank you @sndbox!
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
Glad this could be helpful @lukebrn. Thanks for your continuous support!
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
No problem! I would love to get involved in some of your projects, Will be supporting you as much as I can!
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
Thank you so much! I've been using standard html to do mine... but these seem a bit easier.
Do you think there is any harm in using standard html?
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
No harm at all! Just another option to choose from :D
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
beautifully crafted article. You guys got style :)
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
Thanks @geniusloci ;)
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
wow.. thank u so much for this
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
Thank you for this info, I just started steemit 1 week ago with a help from a friend
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
Nice to see this can work.
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
try to see whether table can work
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
seems most markdown syntax can work here.
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
This is amazing. Thank you!
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
Very helpfu contents thank you for sharing ... 🙌🙋
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
Thanks for sharing ♥ I support you♥♥
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
Thank you for this
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
very useful post for all steemians thanks bro keep share with us more about steemit @sndbox
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
articles that are worth reading by steemit users all over the world
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
Great post !!
as a graphic designer and developer I want to add a button in my posts which has the same function as the button follow. steemians will follow with no need to be redirected to my page, i try different ways, but i think by now we can't.
other question is , when we will be able to use CSS on steemit ?
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
it's a helpful article for steemians. Thanks for the post! Keep it up!
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
thank you for the explanation, your tutorial help me as a newcomer in steemit.
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
That's great to hear, thanks @ajilah :)
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
Hi! @sndbox Thank you very much! Such an easy way to explain markdown! Will try using it to make my blog better looking. I have tried to blog on Russian version of Steemit Golos and now with recent Revolution happened there decided to come to Steemit!Keep posting some useful stuff will follow your blog!
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
what happened with golos? revolution?
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
Thank for sharing.
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
Just Imagine...
I joined steemit in August last year and i'm hearing most of this for the first time..
Thanks a whole lot @sndbox
Is it okay if i share this info with my fellow minnows?
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
Of course! Feel free to share far and wide :)
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
This is awesome, now I can start using > to quote, instead of "...."
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
Even if i learnt them by searching a lot at my first days on steemit and even if i know most of these info's, i should say that, these are very helpful, useful and powerful if you know before creating a content. Pretty helpful content for newbies. Well done @sndbox
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
Very good post @sndbox, after I read the contents of your article, this is very useful for many people. Especially for myself for those who just joined in steemit with you share this article very helpful. Thank you for sharing this information and best wishes for you... :)
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
Very thank for this tutorial.
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
Woah. Thanks so much when i was sent a link on Markdown i was thinking it was another boring long message needed on steemit never knew its what i had alittle knowledge about while learning excel on my desktop. Its really amazing though and I have learnt much from this post and sure,if i need more, reading yur post on markdown would be beneficial. Thanks
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
I clicked here thinking I was fairly familiar with markdown, however I never knew how do to superscript, subscript or, my new favourite, categories. I didn't even realize categories existed. Thanks for the info! :)
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
I want to be your membership, how to sir.
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
great post.thanks for sharing.
please carry on your activity....
keep on....
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
@sndbox
Thanks for making markdown styling more understandable. Before now I could only do some markdowns but now I've learned more.
@berylwills
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
Follow 4 follow and upvotes as well ...!!!! Thanks
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
This is exactly what Im looking for (a few weeks back lol). I really had a hard time with markdown text when I firat started here. The minnows are very lucky to have this post.
Im going to share this to my local community at @steemph.cebu so the newbies will know how. Wouldn't want them to feel the struggle I had been in haha.
By the way, the inforgrapphics are amazing. Its really eye catching. Great job on your work. I fully support the efforts you put i to this community. Have a great day
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
Thank you Leo!
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
Wonderful post. I like it, and resteem for my reference and other newbies referrences. Thanks.
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
May i ask something, your steemit account its uniqueness and has an original character. How to be join to fellowship to @sndbox
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
If you're curious to learn more out our incubator, take a look at our nomination process, here. Also our 2018 program schedule here. Cohort 2 opens up in May :)
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
How to change color of the font?
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
nice conratulations my friend
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
Thank you so much for this tutorial. I have been using steemit for a few months and still feel like there is so much to learn. Receiving tips like this in an easy to read format, all in one place, is a great resource. Now I need to look through the rest of the tutorials.
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
This post is God sent...now I can style all my posts as I like
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
Thanks so much for educating me
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
Thanks you @sndbox. New members will certainly find this useful.
@eurogee, the Steemivangelist and the founder of @euronation Newbie's Support Team
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
good post... thanks for information @sndbox
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
This is very useful information for newbies like me.. Looking forward to more tips from you
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
very helpful post especially for newbies like me.
thankyou@sndbox.
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
Thanks for sharing this post,,I appreciate your tutorial...thanks.
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
Many thanks @sharminkona
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
So useful! @sndbox Thank you for taking your time to share this with us!
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
Awesome tutorial
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
https://steemit.com/story/@edysukmawan/kisah-kerinduan-bilal-bin-rabah-kepada-rasulullah-beb630bca5d89
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
This is a nice piece of advice. Thanks. Hope one day i can create BLOGS that has amazing content like this. Your BLOG was really helpful. Thanks.
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
@sndbox I would love to try this I never had markdown post before thanks
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
beautifull
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
Hello thanks so much for putting this together!
I was just wondering why I can't resteem this post. I would love to share it on my blog for others and for future reference.
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
This post is helping us As a new user of steemit, thank you @sndbox
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
I have an incredible mental resistance to learning HTML. For some reason with Steemit i have some sort of motivation to do, just so I can make my posts pretty. Thinking now if HTML 5 animation is possible, i shall have to Google that one.
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
Thanks a lot I was searching this shortcuts to draft my post its a very helpful post i found in a link of >>> https://steemit.com/photography/@gringalicious/homemade-sushi-with-salmon-food-photo-shoot
thanks to @gringalicious and @sndbox you made my day happy
God Bless U
Regards
@maujmasti
IndiaUnited
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
Cool..
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit