Showing code, centering, hyperlinks, emojis - More useful tips for formatting your Steemit posts 👍
Hi everyone. Here are a few more formatting tricks that either I have learned this week or I have seen other people struggling with.
Showing code
If you want to show a piece of formatting code rather than have it do the formatting you surround it with back quotes (ie. `` around it). The back quote is normally found on the top left of your keyboard (it's different from the apostrophe). For example to show the code for bold text we put the back quotes around it: **bold** (vs. bold without the quotes).
Centering Text or Images
To center your text or images you place <center> before it and </center> after it.
with a single
<center> tag.It is important to not leave spaces immediately after the
<center> or before the </center>. This is the most common way for the tags to not work.
It works for images too
Hyperlinks
When you are using hyperlinks it is normally a lot cleaner and neater to have a short piece of hyperlinked text rather than the including the whole url, especially if it is a long one. The format for hyperlinking text is as follows: [text to show](actual url). So to link to my profile I used the code [profile](https://steemit.com/@datascience).
Emojis
There is a wide range of emojis that are available on the site. See here for a master list. To insert an emoji you can copy and paste it or you can use the the codes from the master list. For example 😢 gives you 😢
Some Of My Previous Help Posts
Thanks @datascience. This will help some of our noobs (including me who was assuming html) who have just started at Steemit in the last week or so.
Thank you @datascience for promoting this post together with https://steemit.com/budget/@jerrybanfield/introducing-steem-budget-proposals
Awesome! Haha I didn't know you could link that easily. I always wrote it in HTML :). Thx for saving me countless valuable seconds!
You are welcome. I have found new little tricks each week.
One thing that I haven’t managed to workout yet is how to offset images to the right or left of the page while allowing for text to be alongside the image.
Do you know how?
Lorem ipsum dolor sit amet, non wisi et, ultrices egestas, dis neque suspendisse molestie sed ac vestibulum, venenatis vulputate, a et. Gravida eros, enim erat egestas praesent, elit lorem purus sollicitudin, at id fringilla convallis donec consectetuer mattis, consequat vulputate ultrices. Morbi nulla aliquet amet felis maecenas. Tempor fusce felis at vehicula dapibus nunc, consectetuer dolor ut vestibulum in, a sit est urna donec et ante, lacus quia urna magna impedit, ut nostra viverra. Suspendisse ipsum dolor nullam mi ac sed. Accumsan mauris vivamus vivamus, habitasse donec ea diam lorem praesent a, eu in neque lorem lectus orci sodales, ut blandit sed. Id interdum. Facilisis nulla turpis, erat auctor, pellentesque mi justo. Vitae tempor maecenas ac nunc arcu, gravida nulla nunc interdum sociosqu mus, a nulla ligula. Quis maecenas aliquet lorem ac vestibulum vehicula, justo lacinia primis hic maecenas. Cras proin quis tincidunt pellentesque nunc egestas, platea nibh amet sapiente dui quam
<div class="pull-right"><img src="http://i.imgur.com/ow7sHn0.jpg" /></div>Text after the div tag...
And change pull-right to pull-left for the opposite.
Genius. :)
Thanks.
Very helpful. I look forward toward the day Steemit has a wysiwyg (what you see is what you get) editor.
It has a simple one for posts but not comments if you hit editor in the top right before you start typing. Once you start typing I think you lose the option
You're on fire today!
🔥🔥🔥
I learned more than a few things from you today!
Thanks 😁
Glad people are finding them useful.
It was in my face the entire time - that's what happens when you have a NYC public school education. 😜
This post has received a 0.91 % upvote from @upmyvote thanks to: @datascience. Send at least 1 SBD to @upmyvote with a post link in the memo field to promote a post! Sorry, we can't upvote comments.