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.
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.
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