I received some emails asking me about how to create social media widget like mine. It's very easy and simple. I use Font Awesome, a collection of free icons both for web and desktop. Read these easy steps to use Font Awesome on your blog.
How to Use Font Awesome on Blogger:
- Open Font Awesome website.
- On the Get Started sections, you will find 'EASIEST: BootstrapCDN by MaxCDN'. And copy the code over there
- This is the code. <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
- Paste it inside <head> on blogger template you can find on template > edit HTML
- And save it!
- After that, add new HTML/Javascript widget. This time, I will teach you how to create like mine.
- Paste this code on your HTML widget:
And save it! You will have social media widget now. It's easy and you can customize your own if you want something different.
If you want to use Font Awesome for desktop, you can check Pugly Pixel tutorial.
http://i.imgur.com/YAH5juu.png mine happened to be like this. how can i fix it?
ReplyDeleteWhen I try to save the template with the changes, it says that a tag like this <
ReplyDelete/link > is missing so I cannot continue with the process, any suggestions? Please let me know on my email: iriapitablog@gmail.com
Hai Iria! you can add < /link> after <link href="//maxcdn.bootstrapcdn... etc
Delete