Difference between revisions of "Tips for formatting your post"

From Steem Center
Jump to: navigation, search
m
m
Line 61: Line 61:
 
== Breaks ==
 
== Breaks ==
  
To create a small spaces above and below the picture, use <nowiki><br>
+
To create small spaces above and below the picture, use <nowiki><br>
 
</nowiki>
 
</nowiki>
  
 
*  <nowiki><br><center>picture.jpg</center><br></nowiki>
 
*  <nowiki><br><center>picture.jpg</center><br></nowiki>
 +
 +
To create a new line without new paragraph you need to put at least 2 spaces at the end of each line.
  
 
== Captions ==
 
== Captions ==
Line 81: Line 83:
 
* '''R''' : https://steemit.com/@razvanelulmarin
 
* '''R''' : https://steemit.com/@razvanelulmarin
 
* '''@steemitguide''' : [https://steemit.com/steemit/@steemitguide/steemit-markdown-tutorials-for-beginners-a-compilation-of-my-written-guides-to-help-you-edit-your-posts-via-raw-editor-like-a Steemit Markdown Tutorials for Beginners: A Compilation of my written Guides to Help you Edit your Posts via Raw Editor like a Pro; Markdown & HTML Codes]. January 2017
 
* '''@steemitguide''' : [https://steemit.com/steemit/@steemitguide/steemit-markdown-tutorials-for-beginners-a-compilation-of-my-written-guides-to-help-you-edit-your-posts-via-raw-editor-like-a Steemit Markdown Tutorials for Beginners: A Compilation of my written Guides to Help you Edit your Posts via Raw Editor like a Pro; Markdown & HTML Codes]. January 2017
 +
* '''@challenge30''' : [https://steemit.com/challenge30/@smysullivan/markdown-formatting-a-minnows-tale Markdown Formatting, a Minnows Tale!]. January 2017
 
* '''@future24''' : [https://steemit.com/howto/@future24/tutorial-how-to-publish-an-article-at-steemit-quick-and-easy-guide-english-german Tutorial: How to publish an article at Steemit? Quick and easy guide! (English/German)]. October 2016
 
* '''@future24''' : [https://steemit.com/howto/@future24/tutorial-how-to-publish-an-article-at-steemit-quick-and-easy-guide-english-german Tutorial: How to publish an article at Steemit? Quick and easy guide! (English/German)]. October 2016
 
* '''@ervin-lemark''' : [https://steemit.com/steemit/@ervin-lemark/how-can-you-left-or-right-align-parts-of-your-steemit-article-images-included How Can You Left Or Right Align Parts Of Your Steemit Article, Images Included?]. October 2016
 
* '''@ervin-lemark''' : [https://steemit.com/steemit/@ervin-lemark/how-can-you-left-or-right-align-parts-of-your-steemit-article-images-included How Can You Left Or Right Align Parts Of Your Steemit Article, Images Included?]. October 2016
Line 88: Line 91:
 
* '''@gainingsteem''' : [https://steemit.com/steemit/@gainingsteem/the-definitive-steemit-com-writing-guide-the-basics-of-posting The Definitive Steemit.com Writing Guide – The Basics Of Posting]. July 2016
 
* '''@gainingsteem''' : [https://steemit.com/steemit/@gainingsteem/the-definitive-steemit-com-writing-guide-the-basics-of-posting The Definitive Steemit.com Writing Guide – The Basics Of Posting]. July 2016
 
* '''@cryptogee''' : [https://steemit.com/steemit/@cryptogee/format-your-steemit-articles-and-gain-steem-power Format Your Steemit Articles And Gain Steem Power!]. May 2016
 
* '''@cryptogee''' : [https://steemit.com/steemit/@cryptogee/format-your-steemit-articles-and-gain-steem-power Format Your Steemit Articles And Gain Steem Power!]. May 2016
 +
* '''@xeldal''' : [https://steemit.com/steem/@xeldal/how-to-liven-up-your-steem-posts-with-markdown How to Liven up your Steem Posts with Markdown]. April 2016
  
 
==Related articles:==
 
==Related articles:==

Revision as of 11:25, 30 January 2017

It is highly recommended that you properly format your post before submitting it. To create your content you can either use the "Editor" or "Markdown" mode. The following is a brief summary of some of the most common formatting commands available in Steemit Submit a Story Markdown window.
These tips derived from tutoring sessions with @razvanelul as well as this GitHub's Markdown Cheat Sheet

Large Text

To create large text, use an #
The more ##### you use the SMALLER the text will appear.
Make sure to leave a space between the # and the word you want to enlarge.

  • Largest is # word
  • Smallest is ###### word

Bold

To make a word appear in bold font, use ** before and after the word.
You do NOT need to leave spaces between the ** and the word.

  • word : **word**

Italics

To make a word appear in italics use a single * on each side of the word.
You do NOT need to leave spaces between the * and the word.

  • word : *word*

Link

To link a website to a word or phrase in your post, use [ ] and ( ).
The text goes in the [ ] and the link goes in the ( )

  • [word or phrase](website.com)

If you are not using the markdown editor, you can also create a link this way

  • <a href="https://website.com">name of website</a>

Picture

To include a picture, paste the address of the image into your post.
See more on the article Including images in your posts.

Video

To include a video, paste the link into your post.

Center Pictures, Videos, or Text

To center the picture use <center> and </center>

  • <center>picture.jpg</center>

To center text use <center> and </center>

  • <center> word </center>

To center a video use <center> and </center>

  • <center> videolink </center>

Breaks

To create small spaces above and below the picture, use <br>

  • <br><center>picture.jpg</center><br>

To create a new line without new paragraph you need to put at least 2 spaces at the end of each line.

Captions

To make it appear that a picture has a caption, use the break feature, center feature and the italics feature. (Special thanks to @razvanelul for this cool idea)

  • <br><center>picture.jpg</center>

<center>*caption*</center><br>


Links:

Related articles:

References:




Help keep this wiki page updated. Register, click in edit, add or modify the text and save.
If you're already a steemian you can be rewarded with steem, see how in @steemcenterwiki.