How To Add Font Awesome Icons In Blogger Template

0
How To Add Font Awesome Icons In Blogger

What is Font Awesome?

Font Awesome is an iconic font especially designed for Bootstrap. Collection of Scalable Vector Graphic icons that can be customized. These Font Awesome icons are in compact-sized.Font Awesome contains a collection of 369 SVG icons from a wide array of categories, including navigation controls, form controls, buttons, currency icons, web application and brand icons, and so on.Font awesome icons load much faster as compared to CSS sprite images.You can use CSS styles to modify them change size, color, shadows etc.
how to add Font Awesome icons to Blogger?

installation steps

1 Go To Blogger > Template
2 Click Edit HTML 
3 Search <head> 
4 Paste the following code after it.
<link href="http://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet"/>

Adding font awesome icons

You can check it out list of available Font Awesome Icons here. Pick any font awesome icon of your choide, and write down its CSS Class name e.g. fa-home or fa-arrow-down.To use this icon, add the <i> tag look below for e.g
<i class="fa fa-home"></i>

Editing/Adding CSS style

.fa-home {
 font-size: 22px;
 color: #ff3333;
 padding: 7px;
 border: 1px solid #000;
 float:left;
}
If you need any help regarding font awesome icons feel free to ask. 
How To Add Font Awesome Icons In Blogger,adding styling font awesome icons editing using css for style of fontawesome icons.fontawesome icons for blogspot website.
What is Font Awesome? Font Awesome is an iconic font especially designed for Bootstrap. Colle...
SUMMARY

How To Add Font Awesome Icons In Blogger,adding styling font awesome icons editing using css for style of fontawesome icons.fontawesome icons for blogspot website.

You Might Also Like:

We hope this article helped you to learn How To Add Font Awesome Icons In Blogger Template. If you have any question or any complication please don't hesitate to ask us.You can drop your message below in the comment box or you can Contact Us!. If you liked this article please join us on : Facebook | Twitter | Google+

SUBSCRIBE ARTICLES BY EMAIL

Post a Comment Blogger Disqus

0 Comments on "How To Add Font Awesome Icons In Blogger Template" So Far
Out Of Topic Show Conversion CodeHide Conversion Code Featured Post

MARKUP FOR WRITING COMMENTS:
1. To Insert Code Length Use<i rel="pre">Code Here</i>
2. To Insert Short Codes Use<i rel="code">Code Here</i>
3. To Insert Quote Use<b rel="quote">Quote</b>
4. To Insert Image Use<i rel="image">Image URL</i>
5. To Insert Video Use<i rel="youtube">You Tube Url</i>

Note: You Can Also Convert Your Code Directly From The Conversion Box.
--------------------------------------------------------------------------------------------------------------------------------------------------------
Please drop your comment according with the topic and feedback with hyperlinks may be removed.Thank you.
Regards:
Team Bloggersstand