🌟ULTIMATE Markdown Tutorial🌟 — Steemit

🌟ULTIMATE Markdown Tutorial🌟

in tutorial •  8 months ago

Greetings, Steemians!

It's lesson time!

🌟This is an UPDATED SUPER DUPER MARKDOWN TUTORIAL!🌟

markdown tutorial.png

Here's what we'll cover:

  • Markdown- The Easier HTML.

  • 👉Emojis!🤩

  • Free & Legal Images. How to find and cite them.

  • Cover Image - The Perfect size.

Let's start with a little Markdown.

👉First, here are some super helpful posts for even MORE Markdown.

Markdown Tutorial. This is literally like markdown school, with lessons and everything!
Github's Markdown Cheatsheet It has it ALL.
The Ultimate Guide to Markdown. Ultimate is no joke. There are even apps to help you!

👉And while you're saving links you might as well bookmark these handy IN BROWSER markdown editors.

  • Easily work and save your posts in the cloud.
  • Share your post with others for collaboration in real time.
  • Connect and save all your work to Google Drive.

https://hackmd.io/
https://stackedit.io/


The Basics


HEADINGS

They come in all sizes. Well, 6 sizes.😏
You simply type # (hashtag) and then a space before what you want as your heading. One hashtag is the biggest and 6 is the smallest. You'll probably only use 1,2 or 3.

# Heading 1
## Heading 2
### Heading 3
#### Heading 4
##### Heading 5
###### Heading 6

Which turn out like this:

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

TEXT

To italicize just add a little asterisk BEFORE and AFTER the word or sentences.
*italicize*

To bold one more asterisk on each side. (Two total.)
**bold**

To italicize bold, put 'em together! (So 3 asterisks on each side.)
***italicize bold***

To ==add highlight==, place two equal signs on either side of your word or phrase.
==add highlight==

To strike through, you'll need two horizontal squigglies... or tidles. Good luck finding it on your keyboard! 😅
~~strike through~~

🍋Easy Peasy, Lemon Squeezy!🍋


👆But what about that little line right there👆???
Those are asterisks too! Or underscores OR dashes.
Just three (or more) in a row.
***
---
___




LINKS

You can add click-through links to all your text! Like I did above with the helpful Markdown posts.

You will put brackets [] around whatever you want your button or clickable text to read. Follow that with your link in parenthesis ().

It will look like this:
[Markdown Tutorial](https://www.markdowntutorial.com/lesson/1/)

And turn out like this:
Markdown Tutorial


IMAGES

Luckily, these are almost IDENTICAL to links.

It looks exactly the same, except for an exclamation mark at the very beginning. You also don't NEED to have a title. I often just leave this blank. I copy/pasted a Bitmoji, sized it at LunaPic, and saved it as an IMGUR link below. As you can see, it doesn't even bring in an actual title, but the brackets are needed to complete the code.

![](https://i.imgur.com/uuq0EPb.png)

IMAGES with CLICKABLE LINKS

As you may suspect, this is easy as adding the last two codes together.
First, you have an IMAGE that looks like this:

![Mission Control](https://i.imgur.com/dyDDmx4.png)

You want that whole thing to be the TITLE of your link. Basically, slap some brackets [] around that puppy!

[![Mission Control](https://i.imgur.com/dyDDmx4.png)]

Finally, just add the link you want at the end in parenthesis ().

[![Mission Control](https://i.imgur.com/dyDDmx4.png)](https://steemit.com/radio/@carrieallen/mission-control-mondays-with-carrieallen-radio-show)

I also centered it below. 😉 We'll learn about that next!

Mission Control


CENTER

Time to move some stuff over!
You can center ANYTHING, all you need is <center> at the beginning of the word/image/etc and </center> at the end. If you do NOT put the backslash in the ending code, it will center the REST of your post from that point. I've missed that more than once...Probably once a week. 😏
Generic code for copy/pasting:

<center>IMAGE or TEXT</center>

Example:

<center>![](https://i.imgur.com/Rc13YRi.png)</center>

Has me flying right to the middle!

Text works the same way.

## <center>**You are amazing!**</center>

You are amazing!

See how many things I used we've just learned?

doing great.png


🎶TO THE LEFT. 🎶TO THE LEFT.🎶 TO THE RIGHT.🎶 TO THE RIGHT.🎶

This gave gives me the MOST trouble. Don't feel bad if it's your nemesis as well.

GULP

Onward!

To move text to the LEFT or RIGHT of an image and wrap it around you need to set up the code EXACTLY like this (you can copy/paste this and fill it in):

<div class="pull-right">IMAGE ADDRESS</div>TEXT WOULD GO HERE.

Look at me putting pictures over there. 😎 👉

Re-cap; Aligning left or right:

  • First, the pull code (left OR right).
    <div class="pull-left"> OR
    <div class="pull-right">
  • Insert the IMAGE ADDRESS, no space.
  • END the pull code, no space. </div>
  • After the END pull code enter the TEXT you want to be pulled left or right of the image, no space.

You can use these same codes to left or right align just your text. Here's the code for copy/pasting.

<div class=pull-right>This text is on the right</div>

<div class=pull-left>This text is on the left</div>

<center>This text is in the middle</center>

This text is on the right

This text is on the left

This text is in the middle.

One last thing on text placement...

Justify Text

You know? Make it all even and stuff. Like a newspaper or book. 😃

Use the SAME code as above, but substitute pull-right or left with text-justify. Here's the code:

<div class="text-justify">TEXT</div>

This formats your text oh-so-nicely... like this excerpt from the Alice's Adventures in Wonderland Wiki:

Screenshot (144).png


LISTS

This is pretty intuitive. You can use -, +, or * in front of a word, followed by a space, and it will be converted to a solid DOT ●.

* This is the first choice.
- I like this too.
+ May never use the + symbol, but it's here.

  • This is the first choice.
  • I like this too.
  • May never use the + symbol, but it's here.

BLOCKQUOTES

I think this is pretty important. Anytime you want to use the exact words of someone else, it's best to use this and then CITE your source. I also use this to simply offset parts of my blog I want to stand out.

Super simple, just add a right facing carrot/arrow > at the beginning of your quote.

> Blockquotes can be fun and add depth to your posts.

Blockquotes can be fun and add depth to your posts.


TABLES

You've seen them around. They oranize things so nicely. Now, they can be all yours.

Here's an example:

|Header 1|Header 2|Header 3|Header 4|Header 5|
|---|---|---|---|---|
|Red|Bananas|Fluffy|Jefferson|Libra|
|Green|Oranges|Midnight|Rosewood|Virgo|
|Blue|Strawberries|Spot|Broadway|Taurus|

Which magically becomes....

Header 1Header 2Header 3Header 4Header 5
RedBananasFluffyJeffersonLibra
GreenOrangesMidnightRosewoodVirgo
BlueStrawberriesSpotBroadwayTaurus

Here's a blank one to copy/paste and fill in yourself:

| | | | | |
|---|---|---|---|---|
| | | | | |
| | | | | |
| | | | | |

You can also put images in a table. Even clickable ones.



YOUTUBE VIDEOS

This is a basic copy/paste of the link. If you want YouTube to COUNT the views as they are seen on Steemit, you need to grab the EMBED code. Do NOT just copy/paste the URL. (Thought it WILL embed it automatically... just differently?) You WILL want to add the code to center after you bring it in. They just look better that way. 😃

Here's me and hubs doing his original, "Right Place, Right time".

Here's what the coding looks like first:
<center><iframe width="560" height="315" src="https://www.youtube.com/embed/_lPKtjJBFTo" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe></center>


🌟Emoji Time!🌟

This is something I get asked all the time, "How do you have emojis in your posts, comments and titles?"

Well, I copy/paste, of course! 😎

Though you could probably copy/paste emojis from anywhere, I've found a GREAT site that I just keep open in my browser. You should too. 😉

Here ya go... a little secret to the Universe. ☄️

😎Get Emoji😎

rainbow motion.gif

IMAGES!

A while back I created this How-To on using Google to find free-use images. It was seriously the best thing I'd found in months!😍

TL;DR

Basically,

  • Google search whatever you want.
  • Click on Images.
  • Click on TOOLS below the search bar.
  • Click on USAGE RIGHTS.
  • Choose LABELED for REUSE or REUSE WITH MODIFICATION.
    Now all images are ready for you!

To be safe, still click through to the site, to make sure it's actually free. I even like to cite those too, for full transparency.😀

Here are a few good image sites that are free use:

Pro-Tip: With that Google Image tool above you can just use Google to search ALL of those sites. Such a time saver!😍


Basic Image Editing - Free Options

I won't get WAY into it here (as this post is getting lengthy), but I DO want to touch on my two favorite FREE image editing websites:

Canva is pretty user-friendly and FREE.

You can upgrade to about $13/month for more features, with no penalty for turning it on or off. I sporadically pay for it, depending on what I'm needing at the time. Generally, the free version suits me pretty well.

canva page.jpg

Inside Canva you have the option to create a myriad of different social media images, all pre-loaded templates for easy using. Unfortunately, there isn't a template for Steemit Blog Cover Photo ... yet. Fortunately, you CAN create your own template using CUSTOM DIMENSIONS.

Why is this important?

Because!

COVER PHOTO SIZE

After a bit of sleuthing, I finally found the EXACT dimensions that (currently) fit into the feed on Steemit.com.

They are 256 x 144.

Or any multiples of.
That size shows up pretty small, but still looks perfect in the feed.
Other size options:

512 x 288
786 x 432
1024 x576

To create my cover photos I go to Canva and select USE CUSTOM DIMENSIONS.

It's pretty easy after that. I can upload images to use, add text, background, pictures and other elements. All your creations are stored in the Cloud for FREE. To use them you simply need to download to your device.

There ARE some things that cost. Just avoid those.😀


And finally a little about LunaPic.

I did a tutorial on how to scale images. You can find it here: 🔅Learning LunaPic🔅 Lesson One: Scaling an Image for comments or posts.

One of the perks?

Easy uploading. You can grab an image address and pop it right on the main page. Or upload directly from your device. There are A MILLION different things/ways to edit photos. A million. 😎 I use this to scale my Bitmojis and selfies down to comment size (150 x 150).

lunapic page.jpg


Whew!


💥You made it!💥

All the way through! Congratulations! You're that much closer to creating perfectly engaging, high-quality posts!😃

Bet you're feeling pretty great right now, huh?

I know I am. That took me all day! LOL! 😅

Be sure to bookmark this for later use. I'm gonna. 😉


If you find yourself having trouble, don't hesitate to comment with questions below or find me in Discord and I'll help any way I can.🤓 I'm carrieallen#9415 , though I bet we have a server in common. 😉


All images were created by me or from Bitmoji.com. Make your own today!


As always, thanks for stopping by!

image.png

Hugs & Kisses 💋![carrie signature.gif]

thealliance we got this trans.png

carrieallen signature 3.png

Proud to be a.png

steemusa carrie long.png

Authors get paid when people like you upvote their post.
If you enjoyed what you read here, create your account today and start earning FREE STEEM!
Sort Order:  

VERY AWESOME!!!

Just what I was looking for, I am re-steeming and sending some boot campers over, hopefully they will vote it up as well as book mark it.

🤓 Thanks Again!

·

^^^WHAT HE SAID^^^

Now we just have to get them over here while the post is still fresh and Voteable too🧐
THANK YOU SO MUCH Ms. CARRIE!!!

·
·

Thank you for sharing it! I hope it helps allllll the minnows.

Side note: I'm still a minnow. 🐟😍

·

@carrieallen: I told my boot campers that you did a re-boot of this guide in part for the Boot Camp and it is now in their classroom :D

This is possibly one of the best markdown references I've come across. Could I be the idiot who asks why can't we just use simple markup (HTML)? Please!

·

LOL!

You actually CAN use HTML!

In fact, because MARKDOWN is just a writing format and HTML is a publishing one, there are a LOT of things you can't do in MARKDOWN... but can work around with a bit of HTML.

Warning: Markdown gets super confused if you try to mix it with HTML. But as long as your INTERNAL blocks are different you can mix and match where needed.

I do this often. Helps for perfect resizing and some colors and fonts even work in HTML... really just play with it.

While I've not done an ENTIRE post in HTML, I'm pretty sure MANY others do.

Markdown was made as a simplified version for folks not willing or able to learn a whole new language to post online. After ya do it a bit it's second nature. Added bonus: Markdown kinda works in DISCORD for things. 😎

Play around with it, if you already know HTML you may just wanna skip it. 😉

·
·

Hey, @carrieallen, thanks for you reply - I was a bit late to the discussion and wasn't sure if you were still responding to replies here!! I'd really like to write posts in HTML - so much more control, so I might just give it a go.

I'll also be making use of this post, and forward it to any new people I come across who are unsure about this stuff.

·
·
·

You're so welcome!
I have Gina Bot set up so she sends me messages in Discord any time I get a comment. So I always know. 😎

·
·
·
·

Hey @carrieallen, whats a gina bot?

·
·
·
·
·

Why... the sexy bot this side of ... the mountains? LOL!

She's a super helpful bot in DISCORD that can be programmed (very easily by you) to send you pretty much any kind of notification you can think of).

It's a very useful feature if you use Discord....And if you don't... I'd suggest joining. Steemians spend a lot of time there.

Here's an old post from when Gina was born... The links to join Discord and register still take you to the right place.

If you aren't familiar with Discord... this will be TERRIFYING... but don't give up. And ask questions. :)

https://steemit.com/introduceyourself/@ginabot/hi-i-am-gina-i-m-here-to-help

·
·
·
·
·
·

I really need to check this out!!!

pocketsend:5000@carrieallen

·

Successful Send of 5000
Sending Account: mattclarke
Receiving Account: carrieallen
New sending account balance: 1079031
New receiving account balance: 5009
Fee: 1
Steem trxid: f84783f8bd14897c5ab3c0b3c97cf7c23fb1a3f5
Thanks for using POCKET! I am running this confirmer code.

I just sent 27 shares of @steembasicincome your way. I'll send a little bit more in the near future I meant to send you 30 before now. basically I had I markdown contest and I challenge people to make a post better than this and no one wanted to even try. So congratulations you won😜!

·

Bwhahahaha! That's hilarious!
i'm a wiener.gif

Thank you so much! :)

WOOOOOOOOOOOOOOOOOW

Amazing <3 the complete guide! Thanks a lot!

Blessings

Praying_Hands_Emblem_Right.jpg
Source

·

😍You're so welcome! 😍

Be sure to bookmark http://getemoji.com/ so you can easily copy/paste emojis in your posts. It also works for your title line!

🌟❤️🌟

·
·

:D thanks a lot ;)

Just wanted to say I still use nowadays this post ALL THE TIME :)

·

LOL! Me too... I find that I don't ever memorize things that I can reference. It's to keep open the brain space for more pressing matters. 😎

·
·

Wee! you just gave me a comment I could upvote! ;-)
and seriously after sooooooo many times checking the div align... Pris... get a new brain LOL hahaahah XD But I know it's there and I get lazy to memorize the code.

Good stuff @carrieallen. Thank you. Also love the song you and hubbie did. Really good !!

·

Oh! Thank you @robertandrew! I never know if people watch the videos in posts like these. Though I thought maybe they would this time... cause it's me. 😉 I really love that song. It makes me smile all the way through. 😍

This post is so wonderfully helpful! I taught myself how to use markdown mode and how to format when I first started but have been away for quite awhile and in getting ready to start back up I was just thinking to myself YIKES! I completely forgot everything! So I now have your post as a nice reminder plus some new tips and tricks I never knew! Resteeming to share with others and so I can easily go back and reference it when needed! Thank you so much for taking the time to share your knowledge!

·

Yay! I'm so glad you stumbled across it! Yes. I'm sure if I stepped away I'd forget everything and feel overwhelmed trying to relearn. I actually still will use this as a reference myself for things I don't use often or just to copy/paste the code (cause we can all be a little lazy sometimes... 😏 ).

You're very welcome! And thank you!

And welcome back!

I think this is the most helpful and easy to follow (thank you for the copy-paste codes) markdown tutorials I've seen on steemit. Resteeming for sure.

·

Awe shucks. Thank you! You are so welcome! LOL! The copy/paste codes are a big deal to me. I had been creating a file with all the codes so I didn't have to remember and retype them. Having them all in one place is SO much easier for me... I thought it could be for others too.

Thanks for the resteem! Welcome to Steemit!

Yayyyyyy. I still reference your last guide regularly. I actually recently looked through your guides to find info about adding emojis in markdown and after I didn't find anything figured out the copy and paste thing myself. Glad to see it included in this edition. Your guides really are the best! 🏆

·

Ludwig Von Beethoven said:

Only the Pure of Heart can make good SOUP... 🤣

·

Your guides really are the best! 🏆

Keep up that rumor. Maybe one day I'll be famous! 😎

Seriously, though. Thank you. I really work hard for the money... wait... that's not accurate. LOL! 🤣 But you get what I'm saying. 😉

I had more than several people ask about emojis from the last tutorial, plus some other things. Only seemed natural to give an update.

Speaking of my super amazeballs guides, I'll have one coming up for Discord. I think it's long overdue. 😎

·
·

Speaking of my super amazeballs guides, I'll have one coming up for Discord. I think it's long overdue. 😎


Woohoo!

Thank you for this extremely helpful article. I am actually going to save this one in my favourites, so that I can refer to it whenever I am writing something.

·

You are very welcome! That's exactly what I do with it. Honestly, I don't use all of these things regularly, so have no reason to memorize them in my short or long term memory. Plus, it's nice to come back and read my jokes when grabbing a little code. LOL! 🤣

·
·

LOL! I love your humorous writing style.

Thank you for this. Gonna resteem it. ;)

By the way I love bitmoji and Canva too :)

·

Yay!
I'm also surprised that more people don't know about these two resources. Especially Bitmoji. Though I do miss the days of past when we could create full comics with our little mini-mes.

I've always loved the bitmoji character that you use. It makes the post so fun to read through with different expressions and funny situations.

I appreciate the dimensions. I've always struggled with the right dimensions and now I know!

Bookmarked this post and resteemed!

·

I'm glad people aren't annoyed by my Memoji. I love her. Like LOVE. Me in cartoon form must have always been a dream of mine. Who knew? 🤔

I'm probably going to do a tutorial and create another person's avatar... since I already have one and I already made one for the hubs (his is also awesome).

And the dimensions.... almost made me quit Steemit. It was SOOOOO frustrating not being able to find the right ones. And literally NO ONE I asked would help. I say would because, if you have the info, why not share it... I could SEE their posts and things fitting perfectly, but they wouldn't give it up. Poops!

Alas, I finally found it. I never actually found the perfect specs for a Blog Banner image. Mine is as close as I could guess. Yet, there are still people with perfect ones, unwilling to share their secrets. Again- Poops!


I'll step down now...

·
·

The avatar is awesome!! I love it and I have been tinkering with mine but I want a darthvader one and I am thinking I might get in trouble copyright thing and all so might settle with me wearing my fave shirt with Darth Vaders face.

Maybe Max knows hahaha and he is willing to share

·
·
·

Lol! Yes.. yes... copyrights. I'm gonna go ahead and say you're probably correct on good ol' Darth. When you become famous, you don't need any reason for anyone to come at ya (bro). 😎

Max is a busy, but talented bee. I bet if you have something started already he'd be able to help ya out.

·
·
·
·

Ohh the comment about Max is for you about the banner dimensions because he makes all those sweet empire banners that fits the screen just right.

·
·
·
·
·

Oh! You're right! Thank you! :)

now this is pretty helpful! i've been figuring some parts and im glad your post help!!! especially on text beside the picture... oh my oh my!!! big thank you!!!!
CHEERS~~~~

·

You're so welcome! Enjoy your new sexier posts! 😍

·
·

Is it possible to make the # Heading at the center? i always have difficulty in doing so

·
·
·

It is!

The heading hashtags ALWAYS go at the VERY beginning of a line. No matter what. This was so confusing for me at first too.

To center with a heading copy/paste the code below and insert your text.

# <center>HEADING TEXT</center>


Should end up like this:

HEADING TEXT

Good luck! 😍

THANK YOU!

This thank you above is the first time I've been able to "center" and do a header at the same time! AWESOME! Thank you so much for helping me and so many others in this Community. Also I really liked you and the guys singing. BEAUTIFUL!! Anyway, I hope you have a great day. All my love to you and yours. And may our creator bless yous. Keep up all your great work!!!

·

Well, look at that!

😍It looks great!😍

And thank you so much for listening to me and the hubs sing. That's one of my more recent favorite songs of his. 😍
Thanks for the love.

·
·

👍👍 Two enthusiastic thumbs up.

Wow thanks. This is what i need. So informative. Keep sharing tips and tutorials.

·

You're welcome! I'll keep 'em coming. Next up... probably a Discord tutorial. It's where ya make friends! 😃

Thank you for organizing all of this in one place and presenting it in your fun, informative way. I'm resteeming this one for sure! Fantastic resource.

·


Doing what I can to help out.
You know, like a superhero. 😎

Thanks for sharing!

This is a great tutorial on markdown. Awesome job helping us to make our stuff look good.

·

I know your posts will now be the sexiest of all posts. Go out and make it so! 😍

·
·

I have been learning a lot about markdown from my teachers in Alliance. They are experts in formatting and making stuff look good.

·
·
·

Indeed. It's true, that of which you speak.

#thealliance

Very informative post, it is a big help

·

That was an awesome post! Boot campers really need to see this. I know you will not remember it all as you have to use it to remember it. So bookmark this post as a reference.

·

Yes, exactly. There's SO much to remember! This is a meant-to-be-bookmarked sort of thing. 😀

I think I could read this 10 or 20 times and still have more to learn.

Thanks to @josephsavage, this post was resteemed and highlighted in today's edition of The Daily Sneak.

Thank you for your efforts to create quality content!

·

Wow! Thank you!

And yes. Even going over it and revamping and adding new codes, I had to be VERY careful and make sure I was doing everything just right. And I think I did... I hope. 😳

Thanks for highlighting this post! 😍

·
·

You're welcome! I need to review the centering and linked image embedding codes again. Sometimes when I center linked images the whole post gets stuck centered.

·
·
·

Generally, that means ya missed the backslash on the end code </center> , so look for those first.

The other possibility... You may have used another code, skipped a line assuming you could start the code on one line and end it several later... And sometimes you can. 😏 And sometimes it just won't.

For example:

If I wanted to center this
And this
and make it a heading size

but not this
I have to start and end EACH line of the code, but they have to be touching... no spaces.

The above would look like this:
# <center>If I wanted to center this</center><center>And this</center><center>and make it a heading size</center>
but not this
I have to start and end EACH line of the code, but they have to be touching... no spaces.

It's kinda of a bitch. However! I do know there is someone working on a super amazing Markdown editor I'll be testing soon, that will make all this easy peasy.

If you ever need me to look at a post and help trouble-shoot your format, let me know. We can share in real time with Hackmd.io .

Good luck!

·
·
·
·

That helps. I will experiment with this next time I have problems.

Thanks for this very useful information. I'll try to make it happen in my upcoming posts. upvote from me.

·

Good luck! I know you can do it! This will make it much easier. 😍

Awesome tutorial @carieallen... Most tutorials are so boring here on Steemit... You made it so colourful... Made me remind of my squidoo days... I learnt at least 3 tricks today :) thank you :)

·

Awe, thank you! I agree. When looking for tutorials they are always so darned boring. And why?! No need to be. It's easier to remember things when there's something colorful around.

Hugs!

This is really a huge help @carrieallen. I have been using some of the markdowns but I just learned some new here that would definitely be applied on my future blogs. Thank you!

·

Great! I'm glad you found it. I remember first arriving and not even knowing what markdown was... nor where to look or what to ask. LOL! We all start somewhere. I'm just shining a light in this vast ocean of Steem we swim in. 🐟

Which one is correct? Yours says this:

The tutorial says this:

To make a phrase italic in Markdown, you can surround words with an underscore (_ ). For example, this word would become italic.

·

Both are correct. (I mean... if it WORKS, then it's correct... Or am I missing something? ) Markdown is basically a dumbed down version of HTML. You can ALWAYS use HTML to work around the Markdown.

I use the asterisk because it's easier for me to reach on my keyboard and WAY more often used than the underscore. It would simply take me several extra (wasted) seconds to use the underscore. Plus, that asterist works in a LOT of other programs the same way... I'd have to check to see if the underscore does. But again, I wouldn't use it. It's just in an awkward place for me on the keyboard.

However, if that's your thing- do it. You do you. 😎

·
·

I wasn't trying to question you or be a jerk. I'm brand new to this. I want to be able to make my posts look better. What I pointed to was your cheatsheet vs the tutorial you posted. The only language I understand is MML. Thanks for this info though. I'm working on some drafts with your Markdown commands and hope to become more fluent. :)

·
·
·

I wasn't entirely sure. People tend to hide behind words (and fake names 🤣) sometimes just to be mean...

But, it still stands. Anything that works ... well, works. 😍

I picked and chose the easiest (for me) options in Markdown. Though I call this Ultimate, there's SO MUCH MORE. This list is what I use and find most helpful.

You may prefer to use the underscore. I just hate it. LOL! For real, it's in such a weird place. Who uses those keys? 😆 And I type pretty quickly, but that area... slows me right down.

You'll get used to it REALLY quickly. Don't worry. Most of the options I chose to highlight are easy to remember. Again... most everything I listed above has several other options to get at the same outcome. Such is life. 😉 You may find something you like better... I feel like that happens to me every day (I replace something I knew with something I've learned).

Good luck with formatting! Let me know if you have trouble or questions. It's often that you missed or added a space or one little character... but it can be oh-so-frustrating.

·
·
·
·

Awesome. Thanks for the reply and I'll contact you if I have questions. Again thanks for your help.

I've finally found the word & how to do it and it's called "blockquotes"👏 .

Blockquotes can be fun and add depth to your posts.

Thanks @minnowbootcamp discord, for leading me to this post.
Very informative @carrieallen
Bookmarked & resteemed

·

LOL!
I totally didn't know before all this either. I, do, however, use that option for things that aren't quotes. I just like how you can use it to give your blog a little more depth. Though it was originally meant for quotes... in a block style. 🤣

These Markdown lessons are great!!
Thank you @carrieallen!! Hugs!!

Thanks for this MD Tutorial. :-) I usually use html to do this, but will give this a go. :-) Happy Easter.

·

I know a touch of html, so this was a pretty easy transition. So much so, that I now often type with the codes in other places. 🤣

Good post! I have seen others like this, =BUT= you included some tips that others have not shown, such as the emoji list (which is a bit nicer than the one I've been using), the tips on Google/Tools 'Usage Rights,' the LunaPic review, and the tips about "Cover Photo" size (which I beat my head against the wall until I figured it out, myself, long ago! LOL!). BRAVO! 😊

_PYPT-ThanksForSharing.png

·

Thank you!

I'm glad I wasn't the only one freaking out about the perfect Cover photo size. LOL! Hopefully this will reach those newbies before the hitting of the head against the wall begins. 😆

That's awesome! Thank you so much for the detailed tutorial. This really helped me a lot because I am still new here in Steemit and I am still learning how get my blog post to become nice :) :) Thanks again..

·

You're very welcome!

Welcome to Steemit! Be sure to join Discord and start interacting there too!

Great tutorial, @carrieallen.
I’m wondering: do you know how to hypelink images that have been aligned left or right? Inside the

code, markdown won’t work...
Would the basic HTML link code <a href= work?

·

Mike! Yes... yes it should. Let me play with it and get the exact coding. You can almost always win with HTML. ;)

But you have to use ALL HTML in the code (which you've already figured out). You don't have to continue the whole post that way ( I don't think... I'll get back to you on that too), but each time you give a command they have to be in the same language.

I'll see what I can come up with for you. I've never tried to do it before. 😍

·
·

Thanks. I guess it’ll work.
Yesterday, I couldn’t center a heading, so I switched to HTML and simply used the < h2 > tag, so I think it should work.
I just keep forgetting to try it out when writing a post.

When I just started out here, I wrote my posts using HTML, because that was what I was used to. It worked fine, but then everyone recommended using markdown. Do you know if it matters which code you use? (It would be so much easier to go back to HTML for the entire post)
At one point I read something about why it was better to use markdown than HTML, but I don’t remember what the reason for that was...

·
·
·

If you already know HTML, use that. As far as I know the only reason to use Markdown is because it's easier.... for those that don't wanna learn HTML. And that's true. I'm new to both (but a quick study).

Here's the code you need. It took me longer than expected... but I figured it out. 😍

<div class="pull-right"><a href="https://LandingPageURL.com"><img src="https://FileURL" /></a></div>

Hugs!

·
·
·
·

Thanks for the effort.
It’s indeed plain, old HTML code.
Glad I can go back to that, although it will be hard to get the Markdown rules out of my head again :0)

I am starting to get the gist of markdown but still it was an useful review again :) thanks for putting all the info together :)

Fantastic stuff! Thanks so much!
Definitely filled in many of the dots. Now to remembering them!!

just block quoting because because

·

LOL! I'm just seeing this!

Oh, you!😍

This post was so helpfull and very well written =) Thank you for taking your time to do it :)

·

You're quite welcome! I honestly used it yesterday! LoL!

Oh what a useful post this is!

Thank you very much!

going to get an emoji hehe

excellent post !

:D

Thank you, dear @carrieallen, it can be helpful even for those you are familiar with markdown.
Maybe you know, how to draw a table without header (text in bold)? I am sure I did it some time ago, but can't remember.

Really helpful. Thanks

Wow!!! What a great thorough post! It took me a while to get the hang of markdown in my posts but I got the hang of it and it makes a big difference! Thank you @carrieallen for the links and picture editor options, i will try them out :) !🤗
Have a great day!!

·

Thank you!
I remember how much of a struggle it was to understand in the beginning. Making a tutorial for myself (and then to share) seemed only logical. 😉

Seriously, check out those video editors. You will LOVE them. 😘

This was very informative! I learned a lot here! Im going to use the youtube format and 'div' format next!

·

Woohoo! 🤩

Glad to be of service.

This is perfect! What I needed exactly! Thanks 😀 💖

Thank you, @carrieallen!!!

This has been extremely helpful! I'm just getting started with markdown via standard notes, and this has changed my life!!


Wishing you all the best!
@codypmack🐼✌️♥️

I am late to the upvote, but I love this. Thanks for the guide.

·

No worries. It's meant to live long past the upvote and help many in their journey of sexy blog presentation. 😎

Have fun creating!

Oh, and resteeming this of course:)

OMG!!!! this post is amazing!!!!!! thank you so so much for it!

·

Yay! I'm glad you found it!

This is a tutorial I will always refer to. Thank you so much.

This is something that is very helpful... Someday i can use the justify text. Havent used that before.

·

I honestly haven't either. But I've gotten a LOT of questions on how to do it because my first markdown tutorial didn't have it. Writer's really like it. It particularly looks GREAT when used WITH images aligned left or right.

Have fun!

·
·

I will surely use it when it demands and if it is more appropriate. :)

Great post!!!
One tip for Mac users re: emojis. use control, command, and spacebar and the emojis will pop up.

What an AWESOME post!! Most certainly upvoted, but don't see an option to resteem, or most certainly would!!

#fiverepliesaday
#fiverad

steemusafooterred.png

·

Greetings!

I'm so sorry I'm just seeing this!
I'm glad you found it.

So... after 7 days there is NO NEED to upvote, as the post is then past payout (also why you can't resteem). And actually, when you DO upvote a post past payout, your vote (the money part) just gets wasted.

It's a weird thing.

So, if you find something you appreciate that's old, find something more recent of theirs (or a comment) that you can upvote to show the love. It's what I generally do.

Have a great day!

·
·

Appreciated my friend, still new to Steemit

·
·
·

Welcome and good luck!

It takes a lot to get going. Join Discord communities. Make friends. Post. :) Have fun!

This is super resourceful and thanks for putting this together. I am following you and i am inspired and ready to steem better

·

You are so welcome!

I'll link below to my ONE YEAR STEEMIT ANNIVERSARY post. It has all the links to the other tutorials I've done in the past you may find helpful.

Happy Steeming!

Anniversary Post

Thanks so much! Been looking for something to help and this is the best by far.
Ren

·

Awe, shucks!

Thank you 😍

I do t want to leave this page.... haha. I am loving this. Thank you again.

·

LOL!

I feel you. When I first starting learning Markdown I was the same way. It's fun learning new ways to stand out.

Let me know if you're looking to do something I didn't cover... There's probably a way. 😎

This is Awesome!!
It'll take me a while to get used to this

·

Look at you go!

You'll get it in no time!

Welcome to the party! 😍

·
·

I am definitely ready to party!! haha

Great guide. I've bookmarked this for my ambitious writing aspirations to look like a million dollars.

·

Godspeed on your aspirations!

I'm glad to have been of help on your journey! 😍