FontAwesome provides an outstanding set of icons for anyone to use on the web, no cost.
To use the icons on Blogger:
- In your dashboard, go to **Theme**.
- Click *Edit HTML*.
- Type `CTRL-F` (`CMD-F` on Mac) to do a search.
- Type */head* and press `Enter`.
- Click to the left of the **</head>** tag to place your mouse cursor there.
- Paste in the following code:
`<link crossorigin="anonymous" href="https://use.fontawesome.com/releases/v5.7.2/css/all.css" integrity="sha384-fnmOCqbTlWIlj8LyTjo7mOUStjsKC4pOpQbqyi7RrhN7udi9RwhKkMHpvLbHG9Sr" rel="stylesheet"></link>`
- Click *Save theme*.
That's it.
Now, you should be able to use the icons by copy-pasting the codes they provide like this:
`<i class="fas fa-user-astronaut"></i>`
You can paste that code into an HTML/JavaScript widget or directly add it to posts by using the HTML option in the editor.
For optimal use, get the link code [FontAwesome](https://fontawesome.com/start) provides. The link code provided in the example above works, but getting the code direct from FontAwesom ensures full support. FontAwesome adds new icons at times so the latest code can help.
To use the icons on Blogger:
- In your dashboard, go to **Theme**.
- Click *Edit HTML*.
- Type `CTRL-F` (`CMD-F` on Mac) to do a search.
- Type */head* and press `Enter`.
- Click to the left of the **</head>** tag to place your mouse cursor there.
- Paste in the following code:
`<link crossorigin="anonymous" href="https://use.fontawesome.com/releases/v5.7.2/css/all.css" integrity="sha384-fnmOCqbTlWIlj8LyTjo7mOUStjsKC4pOpQbqyi7RrhN7udi9RwhKkMHpvLbHG9Sr" rel="stylesheet"></link>`
- Click *Save theme*.
That's it.
Now, you should be able to use the icons by copy-pasting the codes they provide like this:
`<i class="fas fa-user-astronaut"></i>`
You can paste that code into an HTML/JavaScript widget or directly add it to posts by using the HTML option in the editor.
For optimal use, get the link code [FontAwesome](https://fontawesome.com/start) provides. The link code provided in the example above works, but getting the code direct from FontAwesom ensures full support. FontAwesome adds new icons at times so the latest code can help.
Comments
Post a Comment