Pimp Your Post with this Simple Cheat Sheet! Just COPY and PASTE!

in howto •  last year

head2.png

Steemit offers two ways of posting a new story. With the Editor and Markdown/HTML Editor. The editor is simple and easy but lack some features that might make your blog look more professional and neat.

When I first started using Steemit I did not notice the editor and used only the Markdown/HTML method. Had to google the basics just to get posting. After a while I realized there was an editor, YES! I'm saved, this will go so much faster now! Wrong! The editor was really crappy for me after I already had some experience with the Markdown/HTML editor. Now I only use the Markdown/HTML editor.

This is a super simple cheat sheet I made for myself to use. 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!

For those who don't want to scroll all the way down for the link, here is the copy and paste cheat sheet. Simple HTML Copy/Paste Cheat Sheet.


br.png

I prefer centered text and pictures, so I use this a lot! 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!


Headers.png

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


Emphasis List.png

I included only the basics that we normally use and that I find is most essential.


Links.png

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 to get a nice smooth name that will take you to your desired source!


Lines.png

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


Pictures.png

Not many users know this, but when using the Markdown/HTML editor you can drag and drop actual picture files onto the Steemit Markdown/HTML editor page. They are automatically uploaded! This saves a lot of time!

Just remember the link of your image will be dropped exactly where your blinking text cursor is, make sure your cursor is in the center of your picture < center > command.



Centered Picture VS Not Centered

VS


Places the picture in the center of your post, this just looks so much sexier don't you think?


Centered Picture with Source at bottom


Oh F**K! You're home!?

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.


Aligned Left of Text


Places the picture on the left of your text. 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 to move you down after your text and it will move you down. Note my text here is centered, it doesn't need to be.



Aligned Right of Text


Places the picture on the right of your text. 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 to move you down after your text and it will move you down. Note my text here is NOT centered, wanted to let you see the difference from the above picture where the text is centered.


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.


Aligned Right of Text with Source at Bottom


Here the picture is on your right... you get the idea right!


Tables.png

BoldCenteredTitles
col 3 isright-alignedSteemit
col 2 iscenteredIs
zebra stripesare neatAwesome

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/HTML 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 am not a coder or the owner of any of this content, I simply shared what I have learned and made a Word Document so it will be easier for me and fellow Steemians to post.

The link to the cheat sheet if you would like to use it, its a 2 page word doc saved on google drive. Simple HTML Copy/Paste Cheat Sheet.

DONE!.png


This was a excellent opportunity to test everything I learned about HTML writing in Steemit. This whole post took me about 4 hours to make and I'm damn proud of it! Hope this could help some of you! Thank you so much for reading!

Steem on Steemians!

@scrooger.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:  

You recieved a whale vote from #takemyvotes contest...Do resteem the post .... Do follow me. TWO for You and resteemed... Nice post

·

The whale vote I needed to make my day better! Thank you so much! That boosted my post so much! Much appreciated!

·
·

Do a resteem of my Whale day post and Contest post..... will be grateful. Take part in the contest

This post is cool!  I upvoted and resteemed at once.  

I resteem it so that I can access it earily from my blog, even thought there is suggestions to use bookmark function.  More importantly is I believe my followers will be benefited by this post.

Downloaded the cheat sheet file, look like I will change the way I create my posts from now on. 

Thank you @scrooger!

·

You are most welcome and thank you for the resteem! Are you using the eSteem app? How is it?

·
·

Yes, I am using eSteem apps on iPad, iPhone and Windows desktop as well. It is convenient and easy to use IF it works properly. Problem is eSteem still have lots of bugs :
-- picture upload functions failed with high frequency. I still don't know why it fails. for me it is just by chance, sometime works sometime no.
-- post listing not refreshed sometime
-- order of posts in the list inconsistent among all the versions and Steemit, so it make you think some posts were missing but they were actually located at different location
-- on Windows desktop version there is no edit function available for comments and replies which is available on iOS versions.

Still working with eSteem and I am posting feedback to the developer from time to time

·
·
·

Oh my I see it still has loads of work. But pretty good so far. I will use it just to quickly check on posts. Question. How do you get those votes from your comments? I see they are on all your comments. Interesring. Is it from the app?

·
·
·
·

I can see you got the same votes too, so you should know where they come from now. :D
Keep using eSteem and try to give some feedbacks by #esteem-feedback tag. I would like to contribute to it and eventually we will be benefited as well.
Cheers!

·
·
·
·

Oh I see it is from the app. Wow cool!

I will give feedback from time to time when I see some problems

I think I may just love you now! So followed and resteemed for future reference!

·

Lol, thanks so much for that! Dankie!

Awesome....gotta start tryin' this one out.

·

Please do, it takes some time to get used to it. As soon as you get the hang of it though, it makes the whole blogging experience so much better. You also feel kinda bad ass using some code!

Great post, the template is just perfect!

·

Happy you like it, think I might add some things later down the line.

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

Everyone on Steemit should bookmark your post. It is not a post. It is a resource that I personally know I will be returning to again and again.
Excellent Job!

·

How to bookmark a post, or it's not on mobile browser.

·
·
·
·
·

If I could upvote this response twice, I would! Hehehe

·
·
·
·

i just upvoted it cant get the smile out of ma face :))

·
·
·
·
·

I know right! Hehehe, have a good one mate!

·
·

Hmmm... Just look for bookmark in your browser

·
·
·

Yes,yes i know that...but while ago i wrote a post suggesting a bookmark button or favorite's integrated in steemit .so my mined was blocked &.i asked a q liked that,which shows you i liked the post so haa..now you can up vote me twice.

·
·
·
·

I also wish there was a bookmark certain post button. Let's hope it's a feature we can get later.

·

I also wish for reddit functionality to save/bookmark posts.

·

Dude! Thanks mate! I'm humbled by the response im getting! It was even the first time I promotod my post so happy it could be of use to some of you! Thanks!

This is so helpful especially for someone like me who is not technically savy. Now posting at Steemit will be easier. Thanks a million.

·

Glad I could be of assistance! Now go post awesome stuff! =)

Gotta upvote you for the help you are giving everyone (new and old users). Thank you.

·

Thanks a lot! Yes been working on some things that I had questions on when I first started, If I write them down it makes more sense to me. Super stoked if it can help someone else understand some of the ways to improve their Steemit experience.

so informative , gonna use this, thank you for sharing :)

·

You are super welcome! Go steem on!

very useful! thanks for sharing.

·

You're welcome! Thanks for the upvote and the for reading!

nice "cheatsheet", but just to clarify, that's not the HTML editor (although it does support certain HTML tags), it's the MARKDOWN editor!

Link: How to Liven up your Steem Posts with Markdown

·

Noted, still quite new at all of this and was all that I have learned so far. Will adjust change some of my wording to fix it.

·

Hahaha, I love this way more than I should. =) Thanks for the laughs!

Thanks. Using this right now :D

Great post @scrooger Thanks for all your hard work. My blog post will defiantly look much sexier now! Resteemed, cheers!

·

Much appreciated mate! You have some pretty cool artwork, I like your style! I also kill my coffee but just in a different way =P Followed!

Thanks for sharing @scrooger
This article is very useful.

·

Glad you found it useful! Thanks!

Very helpful. I am saving the article for reference.

·

Sweet, glad it was useful!

Excellent post. When I discover aligning photos, I made a post just about it. But this is really good.

·

Thank you! Yeah I saw a post or two that had similar content. I wanted to create a post that put everything I find the most useful in one spot big shout out to @bitcoinparadise who inspired me to write this post. Thanks for reading mate!

·
·

Nicely done! thanks for the mention. Resteemed :)

·
·
·

Thanks so much!

Brilliant! Thank you. :) followed

·

Thanks for the follow! Have fun here on Steemit! Peace!

Holy cow, thank you for this! Formatting for Steemit when one's used to Wordpress has been a stumbling block thusfar. Upvoted, saved for later, and I only wish I could vote it up twice. :)

·

Much obliged! There are always some time where I wish I could upvote twice, just waiting to have more steem power so I can give my votes some more power! One of these days!

·
·

Yeah, I know that feeling! Minnow power!! :)

·
·
·

Minnow power indeed!

nice I'm going to leave 2 points here, you can also use markdown, and you can nest the links and provide images as links :) ![](([])) you can also use this `

to cover any code

or whole fields 

and <sup></sup>

Hello there it's a fine day today :)

You've covered most :) good work :)

·

Ooh, thanks. Didn't know that, will definitely use it in the future! Like I said, I'm no guru, simply wrote down the codes I use the most. Really appreciate the input!

·
·

well you covered almost everything I knew and in a readable manner, so I hope more people see it :)

Awesome cheat sheet! Will use it for sure!

·

Awesome mate! Thanks

Thanks

·

You are welcome! =)

Nice.

for HTML aficionados, one can also make the picture itself a link to the source. But it's true that creating a tagline as the source just underneath is just SO much better XD

·

Cool will look into that, maybe for a future post. Thanks for the heads up!

Thank you very much for sharing these tips. I have used some of them on my latest post, and it looks so much better!

·

Cool man! Now go post and show of those skills! Glad you found them useful!

This post has been ranked within the top 80 most undervalued posts in the second half of Jun 13. We estimate that this post is undervalued by $24.88 as compared to a scenario in which every voter had an equal say.

See the full rankings and details in The Daily Tribune: Jun 13 - Part II. You can also read about some of our methodology, data analysis and technical details in our initial post.

If you are the author and would prefer not to receive these comments, simply reply "Stop" to this comment.

·

I agree, had to go to @randowhale just to bump the numbers up a bit. His vote was almost the same amount as all other 97 voters combines. I need some whale power here...ㅜㅜ

Very helpful! I've struggled with getting the left and right image/text layouts to work. But I'm hopeful your cheat sheet will be the directions that make a difference. If I'm successfull, folks will see it my posts, lol. Thanks!

·

Awesome sauce! Greatcman, yeah it takes some practice. My editing is also far from perfect. Pracrice practice practice then we will make amazing posts!

Thanks for sharing! Links to this post were included in Steem.center wiki pages Tips for formatting your post and Including images in your post. Thanks and good luck again!

·

Ooh, pretty cool! Much appreciated!

Thanks a bunch @scrooger

Very helpful.

upvoted and following you mate.

·

Thanks mate! Appreciate it! Will check out your profile! In the meantime...

Please checkout my Steemit game, simply reply to the post to enter. 50 SBD + Prize pool! Come join in!

Promo small.png
STEEMIT KNOCKOUT SERIES GAME

·
·

Thanks friend.

I like to play.

thanks mate,i knew some of it but this work of yours is just a fantastic cover all ....once thanks again for sharing

cheers

·

Appreciate the thanks! Have a good on mate!

·
·

no worries...thanks u...
have a nice weekend....

This post is awesome and spreads a lot of aloha which means love to us newbies. Thanks!

·

So glad many of the new users get to see this early on. Will help a lot in the long run!

Awesome! I have been looking for this for a long time. I agree, Editor more is crappy as once you invoke that then you can't insert images.

Upvoted and following you now.

·

Awesome! Glad you agree with me, It's a bit tricky at first but taking the time to study it really pays of. Thank you!

Thank you! I have wondered how to do lots of these things. Now I know....

·

You are welcome! Go ahead and Pimp your Posts!

Thanks a million , worthy for noobs like me , followed
Cheers

·

You're welcome! Makes me so happy when I see this is helping someone. Thanks!

THIS IS ABSOLUTE GOLD, THANK YOU!!

·

Thanks man! Awesome gif! 1st time I see someone use that on here!

Great post, Thanks!

·

You are most welcome. Enjoy it!

I immediately improved my post with the information presented, thank you!

·

Awesome Sauce!

Useful information appreciate your taking the time to come up with this and share it with all of us.

Yess! What I was looking for :)

·

Glad you found this then!

great post really helpfull! upvoted and followed :) Have a look at my new blog, I think this one will be an enrichment to the steemit community and maybe you make your own post about your #introduceyourhometown

·

I like this! Awesome idea! Followed and will definitely do an introduction of my hometown! Thank mate!

·
·

tag me in it when you upload it then I will check it out and resteem it! Looking forward to it!

·
·
·

Awesome mate, will do!

·

Massive Thanks!

Fantastic post! Very useful.

Ty for the great info, i have resteemed your post, following you and i have up voted you :)

·

My apologies! Seem to have missed you with a reply here. Been trying to keep up here. You surely have some ninja skills! Have a high five an a thumbs up! Thanks mate!

Thank you excellent post very informative!

·

You are super welcome mate! Glad it could help!

great useful tips! and hilarious chihuahua omg! dat is one dirty dog! lol

·

I know right, I was hesitant to put it in but just couldn't resist. Hehe. So funny! Thanks and have a good one!

Thanks for the handy cheat sheet!

·

You're welcome!

Great job! I was actually thinking about doing a similar post this weekend, but you beat me to the punch. I'm not sure if I would have done as great as a job though!

·

You might have, who knows ;-)

That is the most nicely-formatted explanation I have found so far. I can believe you took 4 hours to do this post. I've spent entire days on some of mine. Now you just need to use images for your text dividers instead of the boring lines and your posts will be first class! Great job!

·

I took your advice and started using images. It looks way better. Thanks for the tip!

·
·

You are most welcome!

Does copying blogs from another website and posting it in steemit effect any thing or it's ok
Please help me!

·

I would not really recommend this. If it's your own work then it's ok, but if it's not... it's a no no! Bring your own experience and writing to Steemit, the community is not about making a quick buck.

Great Post.
I really should put more effort into mine. Your post inspires me to do better formatting.

·

Always happy when a post can motivate someone, I always look for motivational posts too.

·

Thanks!

A very nice post. Keep it up @scrooger. I've upvoted this post!

Thanks for the effort.

·

Cool mate, took some time but was well worth the effort

V helpful post. Learnt a lot.

·

Awesome! Learning is what we do here on Steemit!

Thank you fellow Steemian for such great information

·

You are most welcome! Glad to be of service!

omg, nice sharing! thanks for your effort!

·

You are most welcome! Hope you use it and make awesome posts!

thanks for the post. I will definitely use this :D

·

It's hard at 1st but it gets easier. I can't go without it now. Enjoy and thanks!

Ahhh you beat me to it! I was gonna do a post like this soon. haha. Great post tho!

·

Hehe, you can still do yours. Different versions might be liked by different people!

·
·

Maybe I will! ;)
and just followed you!

Thanks for Sharing.

·

You're Welcome!

Wow! I can only think of the hours you would have spent formatting this post. Great article!

·

Yeah, took quite some time, but time well spent. I learned a lot and also got some good practice in! I'm getting faster every time I post.

There really ought to be a way to favorite/pin posts, took some searching to find this article again now that I want to use it!

·

Yeah, I think so many users want this, me included. Hope we can get it soon!

Thanks for this. Very useful

·

You're welcome!

That's very very helpfully for newbies, I'm sure I use this post for me post in future.
I rebloged it.
Thanks!

·

Wow, that's very kind of you! Thanks!

https://stackedit.io is also a good place. I do my editing there and I paste it on steemit.

·

Checked it out, pretty cool indeed.Easier to see your editing side by side instead of scrolling up and down the whole time! Thanks!

Very nice! Thanks for all the hard work and time, I will definitely try it out.

Really helpful post for the new entrants and the non-tech savvy. Thanks

Would love to see more posts from you. Following you. Please feel free to follow me and see my posts today if you like interesting wildlife pictures with a story like this one https://steemit.com/wildlife/@vm2904/riding-high-free-ride-with-a-meal-of-ticks
Please provide your comments, upvote and resteem if you like any of my blogs

·

Nice shot of that Impala mate! Where in Africa you from? I will follow and hope to see some more of that beautiful wildlife, living here in South Korea there isn't much of that. If you are new here check this out, might be of use https://steemit.com/steemit/@scrooger/don-t-upvote-everything-you-are-only-hurting-yourself-here-s-why

Followed! Have a good one mate!

Very informative! That helps a lot! Thank you for your sharing!

awesome post @scrooger Really helpful!
Yes the markdown is much easier to be honest!

·

Yeah, I know right! The normal editor is ok I guess but it's more fun playing around with the markdown.

·
·

Yes :)

@aggroed I saw there is a #writing-advice section in the PAL Discord group, was wondering if this post qualifies. Not exactly writing advice, but could help some of the newer users of PAL to use the Markdown editor. What do you think?

You can tell a lot of effort has gone into this one, well done sir!

·

Indeed! It has been helping me a lot and I'm happy if it can help others too!

Thank you, the most useful cheat sheet I've seen in my month on Steemit. I started using

yesterday and everything looks tighter!

·

Glad you're using it already!

I had no idea you could align text along the sides of images. My mind is blown. Thanks for the heads up!

·

Yeah, guess the possibilities are endless! Just takes a bit more effort, posts look so much better though!

Thanks for sharing! That is some very useful information for everyone who's new or well, you don't even have to be new to steemit/html for a nice "go through" like this!
Amazing!

·

I was thinking the same thing. so many new users joining and they could learn from it, but some old the whales could also benefit from it if they don't already know everything. I'm super stoked with this post so far. Thanks for your kind words!

·
·

Absolutely! Great job putting so much effort in it!
Keep up the good work man, I'll follow you along the way.

Hey Scrooger, Following you is paying off already :) I was really looking for a summary like this on HTML. This will make my posts look even better. Thank you. Bookmarked.. and upvoted ofcourse

·

Hey Mate! So glad someone appreciates it! Took a really long time to make and edit everything. Awesome that you like it. I checked out your channel, see we have similar interests! Followed!

Thanks again mate!

Thank you for this guide, and tips.

·

You're welcome!

I agree that centered text and images look better than left-aligned. I never knew how to write text to the right or left of an image, so that is useful. Bookmarked for my later reference!

·

Glad it helped! Wow, nice SP dude!

Thanks for working so hard on this post. It is much appreciated from a Steemit newbie. I am going to try and see if I can get markdown/html figured out. You got my vote and resteem!

·

Awesome! Thanks! Yes, try it. Do step by step and learn slowly. It really takes some time but once you get the hang of it then, BOOM! So much faster and cooler looking.

Thank you scrooger this is for a newbie like me very helpful :)
great post !

Have a good day

·

Pleasure mate! Hope you have a good day too!

Excellent article @scrooger!

One thing I can't seem to get working is emojis. :smile: for example just won't show up.

But I @stackin is able to emoji the hell out his excellent posts, so how do you do it? Is it witchcraft or what?

·

Honestly, I have never looked into it so don't have a clue... I'll look into it.

·
·

Thank you @scrooger!

I'm sure a post on how to use emojis would be valuable information.

·
·
·

Stick around, I'll do one just for you!

·
·
·
·

@futuristgear Hey, I found a post on emoji's by @blueorgy https://steemit.com/emojis/@blueorgy/steemit-emojis-master-list hope this was what you were look for! Enjoy!

This is platinum my friend! upvoted, following & resteemed. Thank you for helping us all create even better content. You're awesome @scrooger! Happy Steeming & Much love!!!

·

RESTEEMED! Thanks mate! Appreciate a Resteem so much more than a vote, votes are gold, but resteems are bitcoin! =) hehe. If only a few whales could spot this.... Happy with all the feedback though.

Thanks sooo much mate! Followed!

·
·

LOL so true!! Hopefully they will!

I'm certainly putting the vibe out there that someone with more power than I presently have will catch a peep and sprinkle some upvote love on your post :)

Bright Blessings my friend! Keep up the great work ~ Much Love & Thank you for following @scrooger :)