How to add smileys and other styles to blog post in steemit

I know most you are not familiar with HTML smileys. Since steem offers HTML based editing option which is quite powerful but unlike other text editing platform, its not easy to use for the first time. Steem blogs actually supports a lot of HTML content and styling which provide variety of text style options.

<p dir="auto"><h2>Adding smileys ☺ <br /> Adding smileys is easy and is only 2 step process.<p> <ol> <li>Go to this <a href="https://www.toptal.com/designers/htmlarrows/symbols/" target="_blank" rel="nofollow noreferrer noopener" title="This link will take you away from hive.blog" class="external_link">website <p dir="auto"><img src="https://images.hive.blog/768x0/https://steemitimages.com/DQmZra2HMdc2D7JmwRz7dVbkK9CpD7vSG1tc5nMzJMJshHg/sym.jpg" alt="sym.jpg" srcset="https://images.hive.blog/768x0/https://steemitimages.com/DQmZra2HMdc2D7JmwRz7dVbkK9CpD7vSG1tc5nMzJMJshHg/sym.jpg 1x, https://images.hive.blog/1536x0/https://steemitimages.com/DQmZra2HMdc2D7JmwRz7dVbkK9CpD7vSG1tc5nMzJMJshHg/sym.jpg 2x" /> <li>copy HTML code and paste it any where in your blog where you want them to appear. You can always search on google for html codes for symbols. <p dir="auto">Thats it, it was easy wasn't it? <p dir="auto">I will show you some basic styling options for your Steemit blog posts. <p dir="auto"> <h4>Text style tags <li><b> Bold text </b> <li><h1> header or title </h1> <li><i> Italic </i> <i>Italic <li><blockquote> Blockquote </blockquote> <li><code> code </code> <p dir="auto">You can view other styling options <a href="https://www.w3schools.com/html/html_formatting.asp" target="_blank" rel="nofollow noreferrer noopener" title="This link will take you away from hive.blog" class="external_link"> here <p dir="auto">Use these tags in your Blog to see the result<br /> Here is the preview: <p dir="auto"><b> Bold text <p dir="auto"><h1> header or title <p> <p dir="auto"><i> Italic Italic <blockquote> Blockquote <p dir="auto"><code> code <p dir="auto">These were just to show you some styling options, you can find more tags <a href="https://www.w3schools.com/html/html_formatting.asp" target="_blank" rel="nofollow noreferrer noopener" title="This link will take you away from hive.blog" class="external_link">here <p dir="auto">Happy Blogging! ☻ ☻ <p>