View this post on Hive: Markdown 101 - How to make kick ass posts on Steemit
Markdown 101 - How to make kick ass posts on Steemit
7 years ago by themarkymark (78)
$65.02
- Past Payouts $65.02
- - Author $56.04
- - Curators $8.98
293 votes
- + minnowbooster: $39.254 (15%)
- + engagement: $2.450 (25%)
- + nextgencrypto: $2.402 (25%)
- + ripperone: $2.068 (21%)
- + hairshares: $1.836 (100%)
- + mangos: $1.359 (19%)
- + xeldal: $1.350 (12.5%)
- + zahnspange: $1.271 (25%)
- + pkattera: $1.012 (25%)
- + iflagtrash: $1.010 (25%)
- + knozaki2015: $0.923 (25%)
- + kushed: $0.922 (25%)
- + romedog: $0.652 (25%)
- + b0y2k: $0.560 (25%)
- + anyx: $0.556 (25%)
- + fabio: $0.552 (25%)
- + darthnava: $0.523 (20%)
- + roelandp: $0.443 (5%)
- + randomthoughts: $0.435 (25%)
- + richman: $0.427 (25%)
- … and 273 more
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.
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
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.
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
@re-engineer Thanks! Good to know these tricks!
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
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.
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
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.
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
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 ;-)
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
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.
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
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 ;)
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
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.
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
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!
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
Well, why do you think putting images to left or right would be less relatable to texts?
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
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.
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
@themarkymark, possibly one of the most useful posts I have come across on stremit so far, thank you so much, following and voted!
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
Thank you for usful information. I'll try to use it
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
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.
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
This was SUPER helpful!! Thanks for posting. :-)
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
As I just joined steemit today and was looking into creating my first post I was wondering about this.
Very interesting, Thanks!
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
Welcome to the community :)
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
OMG!! This is soooooo helpful! Thanks for sharing!
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
Thank You
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
i feel so basic and have so much to learn -thanks mate - rock on
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
I'm with you: grateful for these helpful posts. Willing and eager to learn.
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
Thank you so much for this! It would help me a lot.
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
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.
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
Cool man! Love the post :D
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
Great info and easily explained. Thank you # @themarkymark
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
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?
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
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
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
Thanks for explaining that! It was bugging me why I couldn't figure it out.
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
This post is very good, useful for me as beginner at steemit
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
Everybody should learn this for our blog enhancements.
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
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.
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
Couple of great new markup tricks you’ve shown me.
Thank you.
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
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?
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
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.
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
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.
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
Very informative post... learned a lot from it. So, thanks for that!!
Upvote and follow.
Cheers!
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
Nice! voteback!
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
This is a big help for me. Thank you for sharing! Tried in my comment already. I am so happy. Hehe 🙂
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
How to write smaller font size than normal text ...like one written below an image to describe it?
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
Yes, it's called subscript, great for citations.
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
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
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
Thanks for this marky!! Got it bookmarked now :)
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
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!Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
Great info that I have been having trouble finding about markdown language. Thank you so much. You answered several of my questions.
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
What i was looking for :) ! ,thanks it was useful information ,
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
Nice post. I'm surprised and glad that Steemit doesn't use WYSIWIG editors. Those things destroy semantic code.
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
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.
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
Very comprehensive guide. Don't see any love for typora.io though, I think it's a very cool little markdown editor.
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
nice post.
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
I still do not understand how to post in steemi, I hope you can teach me how to succeed in steemit
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
Loved the meme references! LOL
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
Thanks for your post, it was necessary.
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
This is a very useful post!
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
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
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
wow this wonderful
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
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
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
Thanks so much! No amount of googling showed me the correct way to center. You just did!
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
Thank you so much to the legend
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
Wow, this article was SUPER helpful. I wish my vote was worth more!
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
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
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
I use a lot of HTML on my e-commerce websites,but there is a plenty of useful information here!
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
This coding 101.
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
Great tips! Joy
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
Super useful! You're an inspiration :)
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
This was great thank you! can you make the photos smaller when you import them?
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
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.
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
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.
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
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).
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
Thank you for this post, It is educative for newbies like me
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
I’m printing this and keeping it close until I remember all tips by heart.
1. Great post 1. Helpful instructions
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
so much to learn here, its not something I can read and learn at once. I am definitely going to follow you
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
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
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
Hi nice article.....Keep writing that's like article and let's help each other also checkout my post click here
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
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
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
You have to use images.
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
thanks
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
Very nice and clear tutorial, it was very useful for me. Thanks!!
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
Excellent tutorial, thank you for taking the time to explain it for us!
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
@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.
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
I have this post as well as a few others in my footer of every post as it's good for new users.
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
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.
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
Bookmarked this article! A lot of useful information. Merci beaucoup! :)
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
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.
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
I have learn a lot from your post
Posted using Partiko Android
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
img credz: pixabay.com
Nice, you got a 15.0% @minnowbooster upgoat, thanks to @themarkymark
Want a boost? Minnowbooster's got your back!
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
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!
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
Cool goat indeed!
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit