How to exactly install and use font awesome for blogger

Every one wants seems different look on websites. Value able and friendly appearance for users! But this is not an easy subject. People do a lot of struggle in this matter. After years of hard work they set a professional design & glance for their blog. Font awesome make it easy for those who are expert or newbies. Just you need a little bit of information about HTML plus CCS. Using this platform you decorate the site like a qualified. Then start.

Font awesome:

4.0.3 is the latest version of Font awesome. It is a place where you add up to 350+ icons depending on different categories i.e. web icons, currency, text editor and much more. Just need to add the code of your favorite icon in source of your page. Even if you are expert in CSS then make these icons more colorized. Changing size into any scale according to layout! It increases the beauty of site with live icons. This is perfect platform for web owners to see as a skilled person at Internet.

Font awesome icons

Correctly Installation:

Go to Font-Awesome. And add these two lines of coding into head section of your source of web page.
1. If you are using blogger then Go to Dashboard > Template > Edit HTML
Press  (ctrl+f) and find <head> just below it add this piece of code.

<link href=”//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css” rel=”stylesheet”>

2. Click save Template button and you are done.
Note:

Some times while saving it Template gives an error in red alert on the top of the page.

Error parsing XML, line 1233, column 5: The element type “link” must be terminated by the matching end-tag “</link>”. Hide notification

Here is a useful Tip to correct this error. You need to just add a back slash (  /  ) at the end of the code. After adding this (/) it looks like as

<link href=”//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css” rel=”stylesheet” >

Now again save it. I hope it will not show any fault.

Using CSS:

If the above code don’t work accurately then you have other option of adding Cascading Style sheet Link in HTML coding of your blogger.
Repeat the above mention process and at starting tad of <head> Just below it paste this piece.

<link rel=”stylesheet” href=”path/to/font-awesome/css/font-awesome.min.css”>

If show error then follow above process of adding (/) at the end.
I expect after this you will exactly install Font awesome in your website or blogger.

What can we do:

By installing Font awesome we can do many things? By surfing internet you may see on many websites small beautiful icons like Tags, Home, Settings etc. Below is a short online Demo.
Source is    <i class=“fa fa-tags”></i> AND <i class=“fa fa-comments”></i>

On successfully installation just pick your desired icon from F.A Library and put the selected item code in the form of fa fa-heart using <i> tag. Save it and refresh the page. A new scene will appear on your site. Write less and do more.

Need help:

Just drag and drop system however if you need any type of assist then ask me. I always feel glad for helping others.

Leave a Reply