Markdown Styling- A guide for newcomers

in blurtconnect •  3 years ago  (edited)

A lot of users come into the blockchain with zero knowledge of how it works. Some, while they know how to write well, can't find their way around how to justify their texts and move around their pictures.

WhatsApp Image 2022-01-20 at 08.23.52.jpeg
That being said, here is a basic guide on how to use markdowns on blurt in other to write better. A bonus knowledge will be added after the overall markdown guide.

Guide One; Justify Text

After writing a post and the users want to justify the text, the markdown to be used is;

Inline code has <div class="text-justify"> it. ```

<div class="text-justify">
“People tell you the world looks a certain way. Parents tell you how to think. Schools tell you how to think. TV. Religion. And then at a certain point, if you’re lucky, you realize you can make up your own mind. Nobody sets the rules but you. You can design your own life.” — Carrie Ann Moss
</div>

  • The justified text will be;

“People tell you the world looks a certain way. Parents tell you how to think. Schools tell you how to think. TV. Religion. And then at a certain point, if you’re lucky, you realize you can make up your own mind. Nobody sets the rules but you. You can design your own life.”
— Carrie Ann Moss

  • While the unjustified text will look like;

“People tell you the world looks a certain way. Parents tell you how to think. Schools tell you how to think. TV. Religion. And then at a certain point, if you’re lucky, you realize you can make up your own mind. Nobody sets the rules but you. You can design your own life.”
— Carrie Ann Moss

Guide Two; Headlines

To make a headline(s), put # on the left side of the word/sentence. The higher the number of # the lower the size of the headline.
Example below

# Headline 1

Headline 1

.
.

### Headline 3

Headline

.
.

####### Headline 6
.
.

Headline 6

.
.
Headline 6 happens to be the lowest size available while Headline 1 happens to be the highest size available.

Also to simply make a text Bold the symbol **Text Here** is used while in Italics the symbol *Text Here* is used.

Example Below for Bold;

  • Without the symbol, we have...

  • With the symbol we have

Example Below for Italics;

  • Without the symbol, we have...

  • With the symbol we have

Guide Three; Create a Table

To create a table, the following markdown is used

Header 1| Header 2
---------- | ----------
Cell 1 | Cell 2

The output is below;

Header 1Header 2
Cell 1Cell 2

Guide Four; Align texts into Left and Right Cells

To do so, use the markdown below.

<div class="pull-right">
TEXT RIGHT “People tell you the world looks a certain way. Parents tell you how to think. Schools tell you how to think. TV. Religion. And then at a certain point, if you’re lucky, you realize you can make up your own mind. Nobody sets the rules but you. You can design your own life.” — Carrie Ann Moss
</div>
<div class="pull-left">
TEXT LEFT “People tell you the world looks a certain way. Parents tell you how to think. Schools tell you how to think. TV. Religion. And then at a certain point, if you’re lucky, you realize you can make up your own mind. Nobody sets the rules but you. You can design your own life.” — Carrie Ann Moss
</div>

The output is below

TEXT RIGHT “People tell you the world looks a certain way. Parents tell you how to think. Schools tell you how to think. TV. Religion. And then at a certain point, if you’re lucky, you realize you can make up your own mind. Nobody sets the rules but you. You can design your own life.” — Carrie Ann Moss
TEXT LEFT “People tell you the world looks a certain way. Parents tell you how to think. Schools tell you how to think. TV. Religion. And then at a certain point, if you’re lucky, you realize you can make up your own mind. Nobody sets the rules but you. You can design your own life.” — Carrie Ann Moss

Guide Five; To Centralize texts

<center>Text</center>

Output below;

Happiness is Key

Guide Six; Subscript Text

<sub>Text</sub>

Output below;
Happiness is Key

Guide Seven; To Add a Link

To add a link without making the https// visible, simply use this markdown below;

[Image](Paste Link Here)

Example;
For Image referencing
Image

For page referencing
Wikipedia

Guide Eight; Blockquotes

Blockquotes are used to reference what someone had written/said and its represented by >
Example;
> Happiness is Key
Output becomes;

Happiness is Key

Guide Nine; Allign Pictures

<div class="pull-left">

![happiness.jpg](https://images.app.goo.gl/61V4ueJd6k7ENCcD8)

</div>

<div class="pull-right">

![happiness.jpg](https://images.app.goo.gl/61V4ueJd6k7ENCcD8)

</div>


Output becomes;

happiness.jpg

happiness.jpg

This same rule applies for GIF images or videos.

For More information about markdown style usage and application
Visit the link below as provided to us by @tekraze

https://www.markdownguide.org/cheat-sheet/

Bonus Knowledge

Use Grammarly for words and spelling corrections, plagiarism checks. To assess this use the link below
Grammarly

Grammarly apps are also available for download on Mobile Phones, iPads, and Laptops.

Thank you for reading. Cheers to a better and more efficient writing experience.

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 BLURT!
Sort Order:  
  ·  3 years ago  ·  

I try to apply the marl down styles the only one I find difficult is the picture allign which this post had taught me. Thanks for coming with this lot of new and old users would find this very useful.

You are welcome.
Thank you

Congratulations, your post has been curated by @r2cornell-curate. Also, find us on Discord

Manually curated by @abiga554

logo3 Discord.png

Felicitaciones, su publication ha sido votado por @r2cornell-curate. También, encuéntranos en Discord

  ·  3 years ago  ·  

Thank you sir
We have added the link to the post

  ·  3 years ago  ·  

Awesome, thank you

  ·  3 years ago  ·  

This post is published on latest Blurt News post...

Follow us for more news..

  ·  3 years ago  ·  

Thank you, your post has been upvoted by @blurttribe.

Curated manually by @obikay

blurtpic_1638724859649.png
:::Discord :::Whatsapp:::Telegram :::Facebook Page

You can vote for or delegate blurt power to @blurttribe to support curation

Thank you for your support

Thanks for sharing.

  ·  3 years ago  ·  

Great work with this post. There's a link I usually visit when I need something to use a markdown style. You can't know all for sure, definitely.

Thank you sir
Please kindly share the link with us so we can add it to the post for further assessment by blurt members

  ·  3 years ago  ·  

Hello sir how are you.your post is very good.it is very useful information for new users. Thanks a lot.