Of-course! The appearance of your blog has the most important role in user engagement and reputation creation.
Now you have Required CSS on your blog template and you can use it anywhere on your blog.
Try the code below in any widget of HTML/Java in BLOGGER
The above code snippet is the example of a normal size of camera icon. The size of this icon will change with the change in the font size of body font.
To make the size of this icon regardless of body font, use icon size attributes as below:
You can change the size of the icons in the above way easily.
You can use Font awesome in your blog posts as well and this would help in getting much casual without using more space on server.
For example, at the end of every post you want some icons of social share buttons and can not put images there. Font awesome is the best choice.
Many bloggers asked me, "How to Use Font Awesome CSS in blog without uploading a XML file?"
Really it is the tough task for a newcomer in blogging because usually he is not so familiar with HTML and CSS coding.
Hence I am presenting the solution of this problem.
First of all, you need to call the font awesome CSS file in your template.
Copy the code snippet below and paste it in the template file of your blog above </head>
<link href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.no-icons.min.css" rel="stylesheet">
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
Now you have Required CSS on your blog template and you can use it anywhere on your blog.
Try the code below in any widget of HTML/Java in BLOGGER
<i class="fa fa-camera-retro"></i>
The above code snippet is the example of a normal size of camera icon. The size of this icon will change with the change in the font size of body font.
To make the size of this icon regardless of body font, use icon size attributes as below:
<i class="fa fa-camera-retro fa-lg"></i>
<i class="fa fa-camera-retro fa-2x"></i>
<i class="fa fa-camera-retro fa-3x"></i>
<i class="fa fa-camera-retro fa-3x"></i>
You can change the size of the icons in the above way easily.
Now is the time to find icons for you.
Font Awesome Icon Directory is the best place to find the icon of your choice.
Some basic examples are as below
<i class="fa fa-facebook"></i>
<i class="fa fa-twitter"></i>
<i class="fa fa-google-plus"></i>
<i class="fa fa-pinterest"></i>
<i class="fa fa-stumbleupon"></i>
You can use Font awesome in your blog posts as well and this would help in getting much casual without using more space on server.
For example, at the end of every post you want some icons of social share buttons and can not put images there. Font awesome is the best choice.
EmoticonEmoticon