How to format your steemit post for newbies on steemit.

in hive-167622 •  4 years ago  (edited)

blog-post-formatting-basic-html.png
Image source

Too many newbies on the steemit,creating a post is very confusing and ambiguous to comprehend. In most cases its due to the fact that most bloggers here no nothing about blogging and post formatting until we got to this wonderful community. Its one thing to create a post and another to format it, in most cases bloggers care less about formatting their post,but the way we format our post is just as important as the content we create here. If your post are well formatted,it surely leaves an impression on your audience,you leave them wanting more and in anticipation of your posts.

I know we all love a well formatted and interesting content,so by the end of this post i hope every steemit newbie can make a well formatted post on steemit using these clues:

image.png

Text justify

There basically three basic text alignment,they are,

  • Left alignment,
  • Right alignment and
  • Center alignment.

Left alignment: This is the dsufult markdown setting on steemit. Its authomatcally allgns all text and post written to the left of the page. here is an example of what i mean:

IMG_20200916_223332.jpg

You can notice how the texts on the left are following a straight line while the other end(the right) looks so random and unarranged.

Right alignment:A right alignment is the direct opposite of the left alignment scheme, in this case the texts start form the right and end on the left. Using a right alignment the post are arranged and on a straight line on the right and random on the left end.

Center alignment:A center alignment centers the text on the center of the page you are working on. it leaves the right and left end random.

These are the basic alignment types,now i am going to show you how to align your text and to have a clean end both on the right and left. something like this:

image.png

This post looks great and well patterned,you probably seen this type of formatting on newspapers and magazines. This is the code that does all the magic:

image.png

  • First arrow tagged 1 is the beginning of the code,it is written exactly like the arrow indicates.
  • The second arrow points to the end of the code. After the completion of this code ever paragraph written inbetween this two codes as the picture suggests results to a justified post.

image.png

How to center texts

Centering texts just like the heading of this paragraph is very easy to achieve with a set of codes. You can chooose to make the texts bold or italic.

image.png

  • The main area of concentration on this image is the codes tagged 3 and 4. To achieve this you just have to place the 3rd code and the 4th intern the texts you wish to center.

image.png

Extending it

In some football magazines and fashion magazines,newspapers and other blog,some images are floated on the left or the right. They are used to highlight a particular picture with the texts forming a cage like justification around it.

This is a picture is floated to the left. This text is floated to the right of the picture and under it.This is a picture is floated to the left. This text is floated to the right of the picture and under it.This is a picture is floated to the left. This text is floated to the right of the picture and under it.This is a picture is floated to the left. This text is floated to the right of the picture and under it.This is a picture is floated to the left. This text is floated to the right of the picture and under it.This is a picture is floated to the left. This text is floated to the right of the picture and under it.This is a picture is floated to the left. This text is floated to the right of the picture and under it.

This is a picture is floated to the right. This text is floated to the left of the picture and under it.This is a picture is floated to the right. This text is floated to the left of the picture and under it. This is a picture is floated to the right. This text is floated to the left of the picture and under itThis is a picture is floated to the right. This text is floated to the left of the picture and under it. This is a picture is floated to the right. This text is floated to the left of the picture and under it. This is a picture is floated to the right. This text is floated to the left of the picture and under it. This is a picture is floated to.

This looks cool and professional right?,here is how you do it yourself to have that standout post.

image.png

  • First you input your code,that is the first arrow code.
  • Second you paste your image.
  • You then close the code for with the character shown by the 3rd arrow.
  • Remember to text justify your post to have clean edge. However if you wish to save yourself the wok of justifying every paragraph i suggest you use the opening code before your first paragraph and the last code after the lats paragraph of your post.
  • You then close the justify code with the lat arrow marking.

image.png

How to make your texts bold

You may wish to make word stand out in a long paragraph or article, this is how you do it:

IMG_20200916_233501.jpg

  • The first method is used to make bold titles.

  • The second method is used to make texts standout or if you wish to highlight a word or sentence.

image.png

How to make a list

If you wish to make a list while writing a post maybe you want to create a long list of items or features. This is how you do it.

IMG_20200916_233637.jpg
This one is very simple and something you can do.

image.png

Conclusion

This post is aimed at helping our new ones on this platform to create quality and well formatted post. I hope you guys learnt something from this post and i look forward to seeing well formatted posts on this platform. i look forward to any questions you may have regarding any markdown code you want to get, all you have to do is just comment on this post and i will reply as fast as i can.

I will humbly ask every steemian out there to give this post enough visibility so that these new ones out there can see these posts and enhance their markdown skills. You can vote comment and a resteem . Lets make steemit a supportive home for these ones.

Some images used in this post is courtesy of @focusnow.

image.png
Subscribe:::Discord.
:::Whatsapp :::join trail

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:  

Wow this is a good one bro. I can see you took your time in writing this. This is good.

Yea,I aim to help the newbies with this post. I am happy you found this post beneficial to you.

This post has been rewarded by @focusnow from @steemcurator04 Account with support from the Steem Community Curation Project."

Keep posting good content and follow @steemitblog for more updates. Keep following all the rules in the Diary Game, as well as improving your Diary post content to get more attention. Thank you, Steemit Team!

Thanks ...for the post at least i have learnt how to highlight a post

Nice one bro