How to Install latest font awesome cdn icons In blogger

SHARE IT

Install Font awesome cdn icons in blogger

If you are a blogger user and want to add some icons like facebook, google+, twitter, arrows, and many more in your widgets, posts navigation or any place else than what you need is font awesome cdn icons plugin. Font awesome icons are a easy and great way to insert icons in your blog and is very easy to install and use.

In this tutorial I am going to tell you how to install latest font Awesome cdn icons in blogger. 
But first you should know

Read Also: How to Install Latest Jquery In Blogger


What is awesome font and How does it work?


Font awesome cdn icons plugin is a css stylesheet which can be hosted out of the blogger. Whenever you enter the code of an icon like  <i class="fa fa-facebook" aria-hidden="true"></i> will create a icon of facebook as given below



the icon will show up on the place where you want it. There are thousands of icons in awesome font so don't worry about icons of your need.
So lets start, shall we


Note: create a backup of your template before editing your HTML.

Procedure:


Step 1. Open your browser and go to www.blogger.com

Step 2. Now go to theme menu located on the left side of the blog.

Step 3. Open template editor by clicking on "Edit HTML"

Step 4. Once HTML editor is open press Ctrl+f to open search  and search for <head>.

Step 5. Copy below code and paste it just below the head tag. 

[<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.6.1/css/font-awesome.min.css" rel="stylesheet"></link>]

Step 6. Once the above steps are completed, press save theme and go back.  

Now your awesome font is completely installed. 

How to use font awesome icons plugin.


Now for showing icons on desired place in your blog, place the code <i class="fa (your icon code)" aria-hidden="true"></i>
Now go and design your website with beautiful and awesome icons.  
For icons and there codes go to the link below. 

Font awesome icons list.

Stay in Touch with me . If you got any problem feel free to contact me through Contact page.
Also you can comment down below.

Conclusion: The above given post is about "How to Install latest font awesome cdn icons in blogger".  Follow the above tutorial to install font awesome plugin in your blogger template and enjoy using latest awesome font icons to feel the difference.


COMMENTS

Subscribe Us by Email and Get Free Updates On Hot Topics!
Name

Action,2,Android,11,Blogger,9,Blogger Themes,2,Free Internet,1,Games,5,GTA,2,Hindi/Urdu Tutorials,4,Huawei,2,IOT,4,Iphone,1,Mobile,8,Namesilo,1,News,9,Nokia,1,OnePlus,1,Plugins,4,Reviews,4,Samsung,1,SEO,1,Staff Pick,4,Tips & Tricks,8,Top 10,3,Windows,6,Xiaomi,1,
ltr
item
HumptechTips: How to Install latest font awesome cdn icons In blogger
How to Install latest font awesome cdn icons In blogger
Using font awesome icons in blogger gives your blog a professional touch and nowadays almost every widget in blogger is using font awesome icons
https://2.bp.blogspot.com/-yR5FdxKrv_c/WQBd8FiHTiI/AAAAAAAAAaE/79vZCJSJ0ccJP5GSYqDGNZp1PZLRiuKzgCLcB/s1600/Untitled-1.jpg
https://2.bp.blogspot.com/-yR5FdxKrv_c/WQBd8FiHTiI/AAAAAAAAAaE/79vZCJSJ0ccJP5GSYqDGNZp1PZLRiuKzgCLcB/s72-c/Untitled-1.jpg
HumptechTips
http://www.humptechtips.com/2017/04/install-latest-font-awesome-cdn-icons-in-blogger.html
http://www.humptechtips.com/
http://www.humptechtips.com/
http://www.humptechtips.com/2017/04/install-latest-font-awesome-cdn-icons-in-blogger.html
true
540480682964900910
UTF-8
Loaded All Posts Not found any posts VIEW ALL Read More Reply Cancel reply Delete By Home PAGES POSTS View All RECOMMENDED FOR YOU LABEL ARCHIVE SEARCH ALL POSTS Not found any post match with your request Back Home Sunday Monday Tuesday Wednesday Thursday Friday Saturday Sun Mon Tue Wed Thu Fri Sat January February March April May June July August September October November December Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec just now 1 minute ago $$1$$ minutes ago 1 hour ago $$1$$ hours ago Yesterday $$1$$ days ago $$1$$ weeks ago more than 5 weeks ago Followers Follow THIS CONTENT IS PREMIUM Please share to unlock Copy All Code Select All Code All codes were copied to your clipboard Can not copy the codes / texts, please press [CTRL]+[C] (or CMD+C with Mac) to copy