What Is The Meaning of Font Awesome?
The Meaning Font Awesome is a quality brand which gives iconic and high definition fonts for webmaster, designers and bloggers by using this icons is know as Font Awesome. This icons have a best thing that this icons are not using gif, png or jpg images it can use just only HD icons. In Wordpress and other blog prvider alternate the Blogger it is common thing in alternate of blogger platform but it is now available in blogger platform for improve you blog appearance and its become a professional websites better than others. This buttons are not using images so it will not affect to your blog loading speed it just only decrease few seconds to your blog loading time. Today I will offers This Font Awesome icons latest version so its package contains 439 icons including Web Application, File Type, Spinner, Form Control, Currency, Text Editor, Directional, Video Player and also Brand Icons with High Quality. It's current latest version is 4.1.0 that is free for every one.
Why Choose Font Awesome Icons?
We're choosing Font Awesome Icons Due to following reasons. The first reason is It is built with the help of CSS without JavaScript so it make your blogger blog more faster than others. The Second reason is it is more easy to use than any using images. I recommended to you that if you make your blogger blog bring awesome and beautiful so please add this icons in your blogger blog and I hope your blog is more beautiful just after implement this is icons. It is very easy to install this Font Awesome Icons in blogger blog you can add just only a line coding of CSS and then you will Done.
How To Implement This In Blogger Blog?
Well after gaining some knowledge and information about this icons now let's start to add this icons in your blogger blog. It is so............. simple to install this and use this in blogger blog. Just follow below steps.
1. Installation
- Go To Blogger Dashboard>>Template>>Edit HTML
- Find the below tag Using (Ctrl+F)
<head>
- Paste the Following CSS code below the <head>
<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
- Now Click On Save Template.
- Installed!
2. Adding Icons
You can view a list latest and HD Icons from here. Pic up the icons of your choices and note down its CSS class name for example:- ( fa fa-home ). To use this icons, use the <i> tag as shown below.
<a href="URL"><i class="fa fa-home"></i>Home</a>You can replace the highlighted code with other class name of icons.
3. Customize the Icons
- In some places you may need to edit the icons.
- It is not difficult to customize you can do it with CSS.
- Just search <i> tag in CSS and customize it as you want.
- For examplae:- i { color:#333; font-size:25pc; }
- That's all!
Last Words
Congratulations friends you're successfully add this in your blogger I hope you can add this font awesome icons in blogger blog without any mistake if not? you're facing problems or getting error during this process remain in your turn then please leave comments for solutions and don't forget to like our Facebook page and also share this tricks or tutorial with your on social networking sites and Please Keep Visiting Us.
Happy Blogging!
I once encountered this icon at mybloggertricks but you elaborate it in this post very well. Thanks for sharing nice article Sir!
ReplyDeleteBloggingtipsandtrix