Beginner Basics: How to Format Your Posts (Using Markdown & HTML)
Tutorial on how to format & align your posts to make them look nicer using the Markdown & HTML syntax.
Markdown
- To italicize, enclose with
* - To bold, enclose with
** - Use
***to both italicize & make bold - Hyperlink using
[text](link)and replace "text" with the text you want to hyperlink & "link" with the URL you want to hyperlink to - Create numbered lists using
1.2.etc.and unordered lists using*followed by a space then your text - Remember to use the YouTube embed code when embedding videos in your post & placing them one line below your text (NOT adjacent to your text!)
- Use the strikethrough feature on your words by enclosing them with
~~ - Change titles to heading 1, 2, 3, etc. using
######etc.followed by a space then your title - Quote others using blockquotes
>
HTML
- Center your text/images using
<center></center> - Make your text bold with
<strong></strong> - Italicize your text with
<i></i> - Hyperlink text using
<a href="link">text</a>and replace "text" with the text you want to hyperlink & "link" with the URL you want to hyperlink to - Hyperlink images using
<a href="link"><img src="https://InsertYourOwnImageHere.com"></a>and replace "https://InsertYourOwnImageHere.com" with the picture's URL you want to hyperlink & "link" with the URL you want to hyperlink to - Change titles to heading 1, 2, 3, etc. using
<h1></h1><h2></h2><h3></h3>etc. - Align pictures to the left/right of your text by using
<p><div class=pull-left>link</div>text</p>and replace "text" with your own text, "link" with the picture's URL, and change "left" to "right" if you want to align the photo to the right of your text (otherwise leave this part as-is)
This video was recorded in collaboration with @world5list as per requested by @world-travel-pro for his father @yankee-statman. Check out the final product of René's post using the formatting skills he learned here: https://steemit.com/steemit/@world5list/introducing-steemit-journeys-another-hard-push
As mentioned in the video, here's a link to the cheatsheet I was referring to: https://github.com/adam-p/markdown-here/wiki/Markdown-Cheatsheet#links
Check out my previous "Beginner Basics" post here: https://steemit.com/steemit/@theywillkillyou/beginner-basics-your-steemit-wallet-steem-vs-sbd-vs-sp-powering-up-and-cashing-out
▶️ DTube
▶️ IPFS
Thank you very much for this post, it is very helpful to me
My pleasure! I'm glad to be of service :)
Great post! Upvoted, resteemed and added to my favourites in chrome!
Glad to hear that you'll be able to use it for future reference :) Makes it worth all the work put into it!
thanks for shareing important post, i like Dtube
Thanks, I like it too!
Thanks, I like it too!
Great info! I am going to start dolling my posts up now! Thanks, following for more and upvoted/resteemed so others can improve their content creation!
Thanks for your support! I'm really looking forward to seeing your future dolled up posts :)
@theywillkillyou can you please teach me how to use dtube thanks
Gladly :) First visit https://d.tube/ and log in using your handle (gratefulayn) and your private posting key (Wallet > Permissions > Show Private Key). Once you're there, click on the upwards arrow at the top right corner of your browser to upload a video.
On the upload page, drag the video you want to upload into the center box. Then give your video a title, description, and tags. Click "Upload Snap" to upload a thumbnail. Once your video has been uploaded, click on the red "Submit" button at the bottom of the page & you're done!
Your write up is really helpful. I just need direction on how to upload a photo of mine as my display picture. Am finding it difficult and your guidance will be well appreciated
Sure thing! Click on "Post" at the top right corner of your browser (you won't actually be posting). Then upload a photo by click on the green "selecting them" button
and select the photo you'd like to upload. Once it's uploaded, copy the URL that appears (make sure you delete everything else surrounding it).
Then go to your blog page > Settings and paste the URL in the "Profile picture url" field. Click "Update" at the bottom of the page & voilà!
Saved this post to my bookmarks when I need reminder hot do to stuff on Steemit. Thanks!
Awesome! It really makes me happy to know you that find this a helpful resource you'll be able to keep referring to in the future :)
Newbies will certainly find this very useful. Thanks for sharing.
Yess im a newbie and it is very useful. Thanks 🙏
And thanks for checking it out as always my friend :)
Thanks! I need this :)
Glad to be of service my friend :)
So Helpful! Thank you Angelo!
My pleasure :) Hope you & @yankee-statman were able to use some of the info!