Formatting and Editing your Blog | Cheat Sheet Included | Just COPY and PASTE!

3년 전

DONEROOIN.jpg


Using the Markdown editor is now easier than ever with these tools, simply copy and paste. Make your blog look way better by using Markdown Editing.

Many of my followers have asked me how to edit in Markdown.well, here you go guys! The only guide you will ever need! Steemit offers two ways of posting a new story. With the Editor and Markdown Editor. The Editor is simple and easy but lack some features that might make your blog look more professional and neat.

To get to the Markdown Editor, go to Submit a Story and click on Markdown:

Using the Markdown editor might be daunting at first but once you get used to it you will notice your posts looking so much better! Take some time, test the commands. I also had to go through some practice to finally get it right. Take some time and practice. You will get it in no time!

In this post you will find all the codes to make you editing easier. The best of all is you can simply COPY and PASTE whatever you may need. From there just insert your links and you are on your way to make an awesome looking blog!

At the end of the post I will make a downloadable Word Document so you can just copy and paste all the commands while editing! Let's get started!


I prefer centered pictures. Just feels easier and cleaner when reading. Might not be everyone's cup of tea but here is the commands for those who want them.
The page break is just to create some space downwards, experiment with this, after a while you will know exactly what it's for!

<center>your text or picture here</center>
<br>


So this one is pretty self explanatory. Simply use the hashtags and watch the size of your text change. One Tag being the biggest header and five being the smallest header.

# <center></center>


For Emphasis and lists I included only the most essentials.

MARKDOWNFORMAT
*Yourtext* or _Yourtext_Italics
**Yourtext** or __Yourtext__Bold
**_Yourtext_**Italics and Bold
~~Yourtext~~Strikethrough
<sup> Yourtext </sup> Superscript
3<sup>2</sup>3 2

If you want to add code like above use `` with your code in between the `


Using this you don't have to paste long ugly links, instead just give your link a name and then paste the link after the name. This will take you to your desired source!

[Steemit](https://steemit.com)
Steemit


This will put a line through your page similar to the ones you can see in this post, nifty right?

--- or *** or ___

If you would rather prefer text divider like the one below, go to THIS POST for some links to dividers. (Remember to center them)


Not Centered VS Centered


VS

<center>picturelink</center>
Places the picture in the center of your post.


Centered Picture with Source at bottom

Steemit picture

<center><img src="http://imgur.com/eHI22wC" /></center><center><a href="PictureSourceLinkHere">NameOfSource</a></center>

Places the picture in the center of your post with a clickable source link at the bottom of your picture. You can give the little button any name you want and it will take you to the link you provided.


Clickable Pictures (nest your link in your picture)

To make a picture that will take you to a desired link when clicked use:
[<img src="http://imgur.com/eHI22wC">](Destinationlink)
This picture is centered.
<center>[<img src="http://imgur.com/eHI22wC">](Destinationlink)</center?


Aligned Left of Text


Places the picture to the left of your text.

<div class="pull-left"><img src="http://imgur.com/eHI22wC" /></div>

Whatever you write after this command will go to the right of the picture.
If you want to stop writing next to the picture and move down add as many <br> commands as needed.



Aligned Right of Text


Places the picture to the left of your text.

<div class="pull-right"><img src="http://imgur.com/eHI22wC" /></div>

Whatever you write after this command will go to the left of the picture.
If you want to stop writing next to the picture and move down add as many <br> commands as needed.



Aligned Left of Text with Source at Bottom


Here the picture is on your left, the same as the above examples, only difference is you now have the source of the picture. The source of the picture is a link, but since long links are so ugly we can simply rename it. Clicking on the name will then take us to the link.
--<div class="pull-left"><center><img src="http://imgur.com/eHI22wC" /> <a href="PictureSourceLinkHere">NameOfSource</a></center></div>


Aligned Right of Text with Source at Bottom


Here the picture is on your right, the same as the above examples, only difference is you now have the source of the picture. The source of the picture is a link, but since long links are so ugly we can simply rename it. Clicking on the name will then take us to the link.

<div class="pull-right"><center><img src="http://imgur.com/eHI22wC" /> <a href="PictureSourceLinkHere">NameOfSource</a></center></div>


For those who would really like to use a table.
Honestly, will be faster to use excel, take a screenshot and paste it here.
Just included this if anyone was interested. It's a nifty trick and will really make your post stand out.


So there it is! Everything you need to make a beautiful and professional post here on Steemit. Using Markdown might not be easy at first but trust me it get's a lot easier and you will appreciate the extra things you can do. I simply shared what I have learned and made a Word Document so it will be easier for me and fellow Steemians to make better posts.

The link to the cheat sheet if you would like to use it, its a 3 page word doc saved on Google Drive.

Markdown Made Easy


If you liked this post you might also like this one:


Text Dividers for your posts. Easy to use! Just COPY and PASTE


Thank you so much for reading! Now go out and post awesome stuff!


Resteem? Only if you found this useful and think other Steemians will too.

Thank you for reading! Steem on Steemians!

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!
STEEMKR.COM IS SPONSORED BY
ADVERTISEMENT
Sort Order:  trending

Legends said I could change the universe if I went here. They were true.

·

I love it! Haha. Now go change the universe!

Was waiting for this post and will save the quick editing shortcuts.

Keep them coming

·

Always mate! Thanks a lot for always supporting me! Makes me more motivated to learn and make posts.

·

This comment has received a 0.59 % upvote from @booster thanks to: @cryptokraze.

Great content! However, the clickable image doesn't work like that unfortunately. The only way I know is this:
image

·

Thanks for bringing this to my attention. Mine works though, If I click on it it does take me to the link. Am I missing something?

·
·

Really? For me it's the <imgsrc=xxxxx> that's being linked. Maybe let me try again. Let me do some more tests.

·
·
·

I am no coder so a mistake is possible.

This is the code I used for the post

<center>[<img src="https://steemitimages.com/DQmdoiNxxEKrZTgkHSSueE2TZVMzMHxbF4ah6Xb57M2wJ5t/google.png">](www.google.com)</center>

·
·
·
·

Me neither. And I just tried again, and it worked. I used the exact same code. This is stupid.... lolllll. Sorry for the wrong information!!

·
·
·
·
·

Thanks for letting me know though, maybe the code in the cheat sheet is wrong? Did you use that one when it didn't work?

·
·
·
·
·
·

I think they are the same. I don't know what went wrong. Technology is like that tho. Sometimes it just wouldn't work.

·
·
·
·
·
·
·

Hehe, true that. When I wanted to post the actual post I got so many errors... Thanks for letting me know though!

Resteemed and Upvoted. I already follow you so there is nothing more I can do for you except this original hand drawing from Don Rosa, made for me on my 30th birthday. This is Scrooge at the turning point of his life, one frame away of getting rich by finding the goose egg nugget at the Klondike. This is you, my friend. And the next frame is in front of you.

·

This is soooo awesome! I love it to bits! So cool mate! Feel like I want to print it out and frame it! A really nice digital gift. Appreciate it so much. You are awesome mate!

·
·

Just for the reference:

It is from Life and Times of Scrooge McDuck by Don Rosa. I mentioned it before and I mention it again. Get that book an Amazon now!

My image is from this page in chapter 8 of 12. I think it is no spoiler because we all know that Scrooge got rich at the Klondike. This book shows his entire life in the most beautifully illustrated duck comic of all times. Click the image for a bigger version.

·
·
·

Wow, thanks for showing this to me! I have never really read a lot of the comics but now I really want to! Will get it and give it a read! You are awesome mate! Really appreciate the effort of sharing this =D

@scrooger I've been looking for something like this all day. THANK YOU!

·

You are most welcome! I use it the whole time when making posts. Resteem if you really like and feel people could benefit from it.

Big THANKS for the how-to brother! Appreciate it, now on to the practice for me. Lol! Following...Peaz✌

·

Thanks a lot mate! Glad it is useful! As a new follower check out some of my posts offer give aways. Have a goodc one!

Resteemed. Thanks for this useful content

·

Most welcome mate! Thanks for the resteem

It's just not the post and the trunk with gifts. For me, the detail and clearly no one explained. I am very grateful! In the beginning of my steemit-the way I tried to deal with this, but I could not understand. And now quite by chance I saw Your post. Unfortunately we have a late night and I will return to it tomorrow to start testing. resteem.

·

Thanks a lot mate! Glad it helped. Takes acwhile getting used to it but it. With some practice though you will see it becomes so much easier. Thanks for the resteem

Thank you for the great guide, and even bigger thank you because you're a fellow South AAfrican even if you don't live here.

You earned another follower 😁

·

Great stuff! Thanks! I love the name, stick around for more things about Steemit. Dankie

·
·

HaHaHa Dankie vir jou ook. 😁

I came up with DieBaasMan during my years of online gaming, when literally any name you can think of was "already in use". I then decided let me try something in Afrikaans.

So that is the story of how I ended up with DieBaasMan.

·
·
·

Interesting! What do you normally play?

I once held a LAN at my house when I was in matric. My Dad wanted in on the action. He normally played single player games. We all joined in and were quite intimidated when he made his name "Moord". =0

·
·
·
·

Used to play the old Counter Strike, little bit of Call of Duty 4, then moved more into MMORPG like World of Warcraft and other similar. Then mys last was GTA Online and Rust. Hahaha "Moord" FTW : )

·
·
·
·
·

Love me some Counter-Strike. GTA 5 was major fun! Really liked those! Lately, I don't play as much. Some Diablo and Path of Exile.

cool, resteemed.

please check out my posts as well. ;)

·

Thanks a lot! Will surely check them out! =)

Excellent updated version. Resteem as I know a few people who need to know about this lol.

·

Thanks a lot mate! Ah please reply to this so I can upvote ur comment for resteem. Accidently did with my esteem

·
·

Have a great day :)

Great post! Very informative.
I have down loaded your doc so that when I write my first post I can use it.
Thank you for taking the time to write this post.

·

You are most welcome. Yes I always edit with cheat sheet next to me. Thanks a lot and resteem so others can also benefit from it. =)

·

Most welcome! I use that cheat sheet for every post. Makes it all so much easier

Once again a truly awesome post for those, just like me, that don't know how to format (or doesn't know anything about editing)! Thank you @scrooger!

·

You are most welcome! I like to help where I can. Have fun and let me know if you run into any problems. =)

·
·

And you did help a lot! I'll let you know if I have problems. Thank you and enjoy your day @scrooger! =)

·
·
·

Appreciate it! You too! @manandezo

That's exactly what I was looking for! <3

·

Great! Go practice with it and make some awesome posts!

Your post was referred to me after I stated that my text was horribly primal. Can't thank you enough. Printed it down and practicing!

So much value! Thank you!

·

Glad you like it. You are welcome. Please resteem if you really like. Thank you

Great and informative post as always!! Will definitely be using these tips :P

·

Awesome! Let me knowchow it goes and if you need any help! Thanks

Alternatively, if you know a bit html then you're good to go

·

Yeah if you know html this is all a breeze. Many new users don't know though. So trying to help out where I can

Thanks @scrooger. Really useful info. Upvoted and followed

·

Thanks a lot mate! Glad it helped!

Thanks!

·

You are welcome =D

Great job!

·

Thanks man

Thanks for the cheat sheet. Most instructive post ive read this month

·

Amazing mate! Thanks a lot! If you really like it a resteem will be greatly appreciated. =)

·
·

Already did

·
·
·

Thanks a lot mate!

Your chi chis are the best man.

  ·  3년 전

bro where was this my first week! you know what there is still alot in there i didnt know, i was still using < a href its not that bad but it doesnt look anywhere near as simple as that xD
thanks dude

·

Super stoked I could help a bit! This is my cheat sheet that I mafe while I was trying to make my posts better. Sharing it to others and stoked if it can help. Thanks man!

Aaah, thank you so much for this, @scrooger!! I've been wondering how to do clickable images forever! Finally!! :) And all the other tips are super useful too! Will check out your other posts and bookmark all this helpfulness :)

·

You are most welcome! Thanks for the kin word and checking out my posts! =)

It would help a lot. I bookmarked it. Followed you.

Thanks for also putting it in a word document on googledocs for easy saving and reference. My next goal is to consistently improve the look of my posts. This will be a great help.

·

Yeah that doc is almost always open on my pc. Love it to bits. Thanks!

ReSteemed and upvoted since I really need this help. Everything here is new to me. I'm not a gamer or a tech-y type person, but I CAN learn to format and at least get that skill under my belt. Then maybe later I will try to learn what all this crypto business is about. I'm here for the interaction, but money is always a good addition to any social media work. I'm finding a steep learning curve here and I really appreciate your post. Thank you!

·

You sound so kind! You are most welcome. Yes, it takes some time to learn about all of this. The editing will at least help with making better posts. I try to help where I can so if you ever have any questions just tag me "@scrooger" in a comment and I will come and help. Have fun here and stick around, I will do more posts about guides.

Thanks for this. It's really helpful!

·

Always a pleasure! Now you have all the tools to make your post look amazing!

Thank you, I will definitely be using these tricks in the future.

·

Awesome! Always happy to help!

excellent this is the best one yet :) I will use some of this

·

Thank you so much! Appreciate it. Worked hard on it and know many users can benefit from it. If you would be so kind and resteem it I would be really grateful

simply useful post. nice

·

Most welcome. Have fun editing =)

Nice! Really helpfull!

·

Thanks mate! Let me know how it goes when/if yoy start using it.

Great post! Ive been using html markup, and while it works on most things, it doesnt work on all. Like alignimg images left and right in text. Very useful info. Thanks for sharing!

·

Yeah it is very useful indeed. I use it all the time for my posts. What do you mean by aligning left and right on text? Maybe I can figure it out for you. Thanks

·
·

The "pull-left" part accomplishes the align issue (float:left/right; in html) i was referring to. Thanks!

Very useful info, thanks! Added to Bookmarks.

·

Most welcome mate! Spread the info with a resteem if you like. Will be much appreciated

Congratulations @scrooger! You have completed some achievement on Steemit and have been rewarded with new badge(s) :

Award for the number of upvotes

Click on any badge to view your own Board of Honnor on SteemitBoard.
For more information about SteemitBoard, click here

If you no longer want to receive notifications, reply to this comment with the word STOP

By upvoting this notification, you can help all Steemit users. Learn how here!

This is great, going to bookmark it!

·

Hahahaa! Love the gif! Thanks mate!

Congratulations @scrooger! You have completed some achievement on Steemit and have been rewarded with new badge(s) :

Award for the number of comments

Click on any badge to view your own Board of Honnor on SteemitBoard.
For more information about SteemitBoard, click here

If you no longer want to receive notifications, reply to this comment with the word STOP

By upvoting this notification, you can help all Steemit users. Learn how here!

I am searching like this article. Superb information about text formatting. Thanks

Posted using Partiko Android

Thank you very much! My first active week on here and I am learning constantly.

·

Indeed Steemit teaches us so many new things constantly

Upvoted! Nice infor.. how did you manage to find out all these?

·

From markdown sites. I also did a similar post a while back. This was was just updated and made easier to follow. Glad it is helpful. =) thanks

·
·

Nice! Very good for newbie like me

·
·
·

Most welcome dude. Use it well

·
·
·
·
·
·
·
·
·

I thought Scrooge was supposed to hold onto things? I for one, am glad this @scrooger didn't!!!

·

This scrooger only holds on to thank you's received from his followers ;-) enjoy mate!

upvoted this

·

Thanks a lot mate!

I love you for this. thank you <3

·

You are most welcome! Always glad to help!

Using this because I've been struggling. It's been years since I've used HTML and I needed this reminder on formatting. Thank you so much, resteeming.

·

Thanks for the resteem and have fun with the cheat sheet!

·
·

Thank you, and I have already experimented with one of the bars. I need to get a little better with this and I enjoy all the help I can get

·
·
·

The more you practice the faster you will get. If I can give you a tip. Add everything to your post. text and pictures. Then copy paste the codes to edit. I find this to be a lot faster!

·
·
·
·

Ok, I will do that!

Super awesome! Resteemed!

·

Most welcome! Thanks for the resteem!

·
·

Everyone should have this! :)

This markdown is basically the same as what we used in the early days of formatting ebooks and blogs!
When ebooks were mostly all saved as .exe files before Adobe came out with pdf as the standard.
Your post will be very handy for those who are looking to polish their posts.

·

Interesting comment. Did not know that! I had no idea about it at 1st. Had to do some research and eventually made my cheat sheet. Thought others might benefit from it too. =) Thanks mate

·
·

Absolutely beneficial cheer sheet, I have all but forgotten those markdowns! Thanks again @scrooger !

Yay!!! This is going to be so helpful. Thanks for posting this!

·

Most welcome dude! Glad it will help!

This post has received a 2.36 % upvote from @booster thanks to: @drpuffnstuff.


Courtesy of GIPHY

·

Ahhhhh. Super cute! Thanks and have a great day!

This post received a 3.6% upvote from @randowhale thanks to @scrooger! For more information, click here!

Everything is soo good

I am so glad I came across this post! This is probably the single most useful post I've found so far on steemit! Ok i admit i've only been here a few days.. but still, thank you! upvoting and following! :)

·

You are most welcome! I do some random guides from time to time. I can guarantee they are useful to newer members. Stick around =) Thanks

·
·

i definitely will, thanks!

ummm say that again Brainfreeze here !

Hey, a quick question: how to show a smaller-size font? For example, I want to mention all the followers I have, but I don't want the list to take a lot of space in my post. I want to type it with really small letter. How can I do that?

·

<sup></sup>

This is the only smaller font code I know

·
·

Hmm, maybe ###### will work better then:

like this

Thank you!

·
·
·

Yeah that looks way smaller. Will use it too thanks. What you up to? =P curious here, hehehe

·
·
·
·

Haha, nothing sinister (this time, at least :)). I simply need to list names of all the eligible participants of #MinnowsFeed in a post and I don’t want the list to take too much space.

·
·
·
·
·

People who are up to sinister things always say that they aren't. Hehe. What happens whe u use the ##### and the sup? Lol...

Really I appreciate your efforts that you make to share with us this usefull post! It will help me and a lot of other people ! Thank you @scrooger !

·

Most welcome mate! I use it all the time and it has made my life so much easier. Sharing is caring =)

Just dropping a comment to let you know that yours is the first steemit article that I have placed on my browser address bar for quick reference. You might even end up with your own dropdown folder there.. "scrooger"

·

Wow, thanks! Appreciate it! I like helping out where I can. Need to do more of those kind of posts. Been a bit busy with other projects. Will be getting back to making posts real soon. Thanks for checking it out. If you ever need any help or have questions let me know. Will try to to help =)

Hey @scrooger, I cannot for the life of me get that center command to work on those divider .gifs.. They always remain left aligned.
I typed < with "center" then> then the file name, then < center/ >
Everything inside the <> would not show, but the dividers didn't move.
Can you tell me what I'm doing wrong? Please?

·

So you have to be in markdown for it to work.

It will look something like this:

<center>https://steemitimages.com/DQmfQdH1vD5najnnc2RBsiB5xKF6bRhTPmsLXnBXGvMWDAb/32.gif</center>

Hope this helps.

Markdown editing is tricky at 1st but use the post with the guide and practice, you will get it in no time =)

·
·

I was in markdown @scrooger. The one at the end, looking at your examples, had the / after the word center, not before it. I may be wrong.
One example had a ? after center, instead of the front slash without the > I tried them all.
I will go back and try again, or does trying to edit after the fact now work?

·
·
·

You can edit it, just not after 7 days. One example had a "?" I have to go fix that. Yes the / should be before the center. Look at my example. That is 100% right

·
·
·
·


There you can see the last character is a ?, without even a closing >
I was looking all around to see what I might be doing wrong. This might be a different case entirely, and the ? at the end is appropriate.
https://steemit.com/steemit/@scrooger/pimp-your-post-2-or-formatting-and-editing-your-blog-made-easy-or-cheat-sheet-included-or-just-copy-and-paste

·
·
·
·
·

Nope, this is an error. Bummer, post is older than 7 days so I can't change it now. Thanks for letting me know though...

The ? should be replaced by >

·
·
·
·
·
·

I always try to help. I am somewhat (more than somewhat) of a "Grammar Nazi", so little things tend to jump out at me.
Glad you got it figured out ha ha ha....♥

·
·
·
·
·
·
·

Much appreciated though. Keep on steeming and thank you in advance if you are going to mention me somewhere. =) Feel free to ask any other questions regarding Steemit. Will try my best to answer them =)

Like the Grammar Nazi thing...

·
·
·
·

Thanks @scrooger.
New question. If I put your handle, @scrooger in the body of my writings where I've used your page break .gifs, do you get a notification of it? Does that effect the value of my post?
I don't want to be tagging you all the time, but I want to give credit where credit is due.

·
·
·
·
·

It will notify me, yes. I don't mind though. Notify away. It costs you nothing. Glad you got it figured out!

·
·
·

Oh YEAH!!!! That worked! Thank you so much @scrooger, thank you thank you thank you

Great post thank you! Is there any way to copy and paste my articles onto Steemit without having to edit them? So that my pictures, links, videos are already transferred over? It seems that I have to add all the pictures and videos manually. Is that the case? My articles are on my site The Rabbit Hole www.sarahabed.com Thank you in advance!

This is just what I have been looking for! Thanks for the great tips....I am completely illiterate in coding language or whatever this is called! (See? What did I tell you? lol)

·

You are most welcome! I am glad it could help some users with markdown editing. Curious though, some users still struggle with the code. Would you be interested in a template where you just paste you picture link and write then the template does the rest?

·
·

Honestly, I have no idea. I usually just drag and drop my pictures because I don't know how to find the link address....I am really showing my illiteracy! So embarrassing!

·
·
·

Not a problem at all, I also do the drag and drop! So much easier that way!

As long as you can post the way you want then all is fine! Was just thinking of a template but yeah, might be a bit confusing. Thanks for your comment though =)

Very useful and good description!

·

Thanks a lot! Worked hard on this one. Appreciate the upvote and comment. =) Have a great day mate

thank you so much. i was going crazy trying to figure this out.

Thanks for the help. I still can't figure out how to align to the left after centering my header. I've entered page breaks
to no avail. Driving me nuts!

This post is so HUGELY helpful @scrooger! Thank you for taking the time to write it!

@goldendawne, thank you for posting it and @davemccoy, I think I am getting closer to The Intro!! Now I am going to learn Markdown! Wish me luck!

I do not understand how to make two text lines one right and one left. can you help me with that?

Congratulations @scrooger! You have completed some achievement on Steemit and have been rewarded with new badge(s) :

Award for the number of comments received

Click on any badge to view your own Board of Honnor on SteemitBoard.
For more information about SteemitBoard, click here

If you no longer want to receive notifications, reply to this comment with the word STOP

By upvoting this notification, you can help all Steemit users. Learn how here!