What is Font Awesome? Text style Awesome "gives you adaptable vector symbols that can quickly be redone - size, shading, drop shadow, and anything that should possible with the force of CSS".
Gone are the days when you used to depend on great old internet searcher results alone. Nowadays, perhaps you don't rank well in results for your watchword on Google or whatever other internet searcher, yet you can dispatch an online networking effort that can ideally give you the outcomes that you need.
Basically, your site and online networking need to coincide. One can't live without the other, on the off chance that you need another method for putting it. Online networking is one of the best drivers of activity on the web, and on the off chance that you need to expand your odds of being seen, then you must get a record on one or more stages the length of it fits with your image's personality.
Spreading Awareness of Your Social Media Presence
Once you've set up your online networking accounts, you don't simply abandon it there to be found. Of course, you can make utilization of hashtags and correspond with industry pioneers, however that is insufficient to convey attention to your clients. To tell them you have a vicinity on Facebook, Twitter, Instagram, Vine or Pinterest, you need to make utilization of the land on your site.
How precisely do you do that, you inquire? All things considered, by method for social symbols.
Social symbols are those little pictures you see that speak to an image connected with a specific interpersonal organization. For instance, social symbols for Twitter for the most part highlight a blue flying creature. If not that, then a lowercase letter T.
The vicinity of these pictures remind your viewers that they have different methods for being avant-garde with whatever you put out. Online networking use is really high nowadays on account of the instantaneousness of the medium and additionally the fun variable. What's more, probably, your crowd would need to know whether you're on any informal community.
In case you're on the Blogger stage, you can include these online networking representations through Font Awesome social symbols.
What is Font Awesome?
Text style Awesome "gives you adaptable vector symbols that can quickly be redone - size, shading, drop shadow, and anything that should possible with the force of CSS". Generally, it capacities as a toolbox where you access more than 500 symbols for use on your site - for nothing out of pocket.
Presently, in the event that you've utilized online networking symbols some time recently, you realize that there are non-vector assortments. Yet, those offered by Font Awesome are versatile vector symbols, and over the long haul, they are the better choice for your site.
Why would that be the situation?
Indeed, a justifiable reason would be that pictures set aside time to stack. Yes, these pictures are small yet the point still stands. Additionally, pictures have a tendency to lose their quality as PC determination increments. At the end of the day, on the off chance that you need your symbols to stack speedier and have a decent, fresh and clean look, then you're in an ideal situation with utilizing the gathering of Font Awesome. Likewise, the opportunity to redo your symbols as needs be is certainly an alluring element as well.
Why you ought to begin utilizing Font Awesome?
Of the numerous suppliers out there, why stay with Font Awesome?
- Large accumulation of symbols. You'll discover online networking symbols here, as well as other conventional symbols also.
- CSS support. With CSS, you can alter the symbols as indicated by what suits your site best. You can tinker with the hues, size, shadows and different segments. This is something distressfully missing with non-vector pictures in light of the fact that you're screwed over thanks to the symbol you picked.
- Speed. Vector pictures are lightweight and along these lines stack speedier.
- Free. You don't need to pay a solitary thing when you utilize Font Awesome.
Including Font Awesome Social Icons in Blogger
The adding of symbols to your Blogger isn't advanced science. Truth be told, the procedure is really direct.
This is what you need to do:
Include Font Awesome Stylesheet into Blogger
Take after the progressions underneath to get Font Awesome working with your online journal:
1. Download Font Awesome from the official page.
2. Duplicate the whole textual style magnificent catalog into your venture.
3. Open your Blogger dashboard, go to Template and press the Edit HTML catch. Discover the <head> label then include this line of code referencing the area of your textual style awesome.min.css template.
Or if you'd prefer the easiest method, add this line just below the <head> tag:
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css" />4. Start playing with Font Awesome!
Using the Font Awesome Icons
After you get the steps in the previous section done, you're now ready to use Font Awesome in your blog. The first thing you need to do is add the social icons links to the HTML and delete the icons that you don't need anymore. This is a sample HTML that you can add:<div id="fawesomeicons">In the above HTML code, we can see 8 separate social symbols which can be perceived by taking a gander at the connection title trait. For instance, the first is for Facebook.
<a href="URL-HERE" title="Facebook" target="_blank" rel="nofollow"><i class="fa fa-facebook"></i></a>
<a href="URL-HERE" title="Google Plus" target="_blank" rel="nofollow"><i class="fa fa-google-plus"></i></a>
<a href="URL-HERE" title="Twitter" target="_blank" rel="nofollow"><i class="fa fa-twitter"></i></a>
<a href="URL-HERE" title="Pinterest" target="_blank" rel="nofollow"><i class="fa fa-pinterest"></i></a>
<a href="URL-HERE" title="Instagram" target="_blank" rel="nofollow"><i class="fa fa-instagram"></i></a>
<a href="URL-HERE" title="Bloglovin" target="_blank" rel="nofollow"><i class="fa fa-heart"></i></a>
<a href="URL-HERE" title="Tumblr" target="_blank" rel="nofollow"><i class="fa fa-tumblr"></i></a>
<a href="URL-HERE" title="RSS" target="_blank" rel="nofollow"><i class="fa fa-rss"></i></a>
</div>
To utilize the social symbols, glue your URL where it says URL-HERE for every social symbol you need to incorporate. Put the connection between the quotes and make a point to not evacuate any of the quotes.
