FORMATTING POSTS ON STEEMIT

in steemit •  7 years ago  (edited)

I decided to try and learn some styling tips to make my posts look a bit nicer and thought I would share what I find, so I hope this is helpful.

TIP 1

HOW TO BOLD TEXT

** TEXT ** Add a double Asterix before and after the text you wish to be in bold, like my example but without the gaps :)

TIP 2

HOW TO CREATE ITALICS

*TEXT * A single Asterix before and after the text, like my example but without the gap.

TIP 3

text in the centre

As below but without the gaps....some confusions in British and American spelling of centre to be found with this one!

< center > text in the centre < /center >

TIP 4

Adjusting text size - add “#” and a space before text. The less the number of “#” you put before the text, the bigger the text would be as follows:

my header 1

Use this: # My header 1

my header 2

Use this: ## My header 2

my header 3

Use this: ### My header 3

my header 4

Use this: #### My header 4

my header 5

Use this: ##### My header 5

TIP 5

LINK TO A WEBSITE NEATLY

[MY ARTWORK] (http://www.sarahlouisejohnsonart.com)
without the spaces

MY ARTWORK

TIP 6

ᴄʀᴇᴀᴛɪɴɢ ꜰᴀɴᴄʏ ᴛᴇxᴛ ꜰᴏʀ ꜱᴛᴇᴇᴍɪᴛ

Navigate to lingojam.com

select "fancy text generator" at the bottom of the page

type in your text and simply copy and paste the formatted text into steemit.

you can also make
ᵗᶦⁿʸ ᵗᵉˣᵗ

TIP 7

HOW TO CREATE BLOCK QUOTES

just add this > sign in front of your text without the spaces

I am now creating block quotes

TIP 8

HOW TO CREATE TWO COLUMNS

This one is a little more complex

for the left column the code is
< div class=pull-left>
then text or picture
then < /div> at the end without the space after the first <
You may have to remove some extra code from the images, you will see whatever text is still visible when the image shifts can be deleted.

for the right column the code is
< div class=pull-right>
then text or picture
then < /div> at the end without the space after the first <
You may have to remove some extra code from the images, you will see whatever text is still visible when the image shifts can be deleted.

IMG_9327.JPG

TIP 9
EXTRA LINE SPACING

Use < br >< br > without the spaces



for Paragraph Break

I am still learning too, I can't find anywhere that helps us use colour on steemit so if anyone has the answer let me know!
I also can only work out how to stop the column by inserting another picture, so any tips let me know!

I hope this helps !!

all pics my own

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 deserve an upvote...i needed this very bad...followed you...
Have a great day :)

No worries ! I also needed it my posts were so bland !

haha...if you look at my post you would come to know that i was so bad in it..haha..

Super helpful, thanks!

Thanks for the guide! I was looking for tips on how to make the two columns and this helps perfectly!

very helpful