How to use HTML 5 Icons in Blogger Post?

How to use HTML 5 Icons in Blogger Post?

html5 icons

HTML 5 is well-known to Blogger that brought most rapid revolutionary changes in HTML. Web developer creating stunning design by using HTML 5. So we should get in touch with HTML 5 by knowing about this coding language. In this tutorial I will share with you a trick that how we can apply HTML 5 iconic image by adding code.

Recently Blog designer Font Awesome is using massively for adding Icon in Blog or website. But I Have seen that if we use many icons at a time then it will take time to load. But in case of HTML 5 icon it won't take time to load. As well as it will look beautiful.

However the problem of HTML 5 icon is that all icons only support Internet Explorer 11 and Firefox 35 Version. And rest of the browsers are not able to display all icons properly. After adding the iconic code if you check in non supported browser then you would see a square box instead of icons. For this reason I am sharing only those icons code is supported by almost all major browsers.

Please see the below table for HTML 5 icons code and output. We can use Decimal and Hexadecimal code for showing icons as well as some can be used some entity instead of decimal and Hexadecimal come.    

HTML 5 icon code

How to add HTML 5 icons in Blogger Blog Post?

In Blogger template and Blog Post we can use this icons easily. just we have to add the icons code. Please follow the below steps for adding the HTML 5 icons. For example I will add Decimal, Hexadecimal Code and entity for BLACK SPADE icons and its result in Blog Post. Fortunately Decimal code and entity work in Blogger. But Hexadecimal code doesn't work. 

Step 1 Sign in to your Blogger account and go to Dashboard

Step 2 From the Dashboard, click New Post.

Step 3 And from Post Editor Select HTML view. Now add any HTML 5 icon code from above table.


Step 4 After that switch to Compose view. You can see the icon appeared in Blog post.

HTML 5 icon in Blogger

Step 5 Finally Hit the Publish button for publishing the Blog Post. 

Hope now you would able to use HTML 5 icons for decorating your Blog content. I will share more tutorial soon about HTML 5. So till then stay tune. 
How to use HTML 5 Icons in Blogger Post?
4 Stars stars - "How to use HTML 5 Icons in Blogger Post?" HTML 5 is well-known to Blogger that brought most rapid revolutionary changes in HTML. Web dev...

Post a Comment

Facebook Group Community Disqus Channel Code ConverterHide Code Converter Show EmoticonHide Emoticon

Got questions? Ask ’em below! While we’re here, you might like to give any feedback about this Post, Your comment inspire us to continuous Improvement of This Blog and Contents. Your words are your own, so be nice and helpful if you can. Please, only use your REAL NAME, not your business name or keywords. Using business name or keywords instead of your real name will lead to the comment being deleted. Anonymous commenting is not allowed either. Limit the amount of links submitted in your comment. We accept clean XHTML in comments, but don't overdo it please.

Make sure you tick the Notify Me box below the comment form to be notified of follow up comments and replies. Thank you for commenting

Contact Form


Email *

Message *