How to Add the Icon Bar


LinkFacebookInstagramYouTube

Add the Icon Bar, is a fairly simple and quick process.

1. Log into your Blogger dashboard and go to Layout. Click on Add a Gadget. Add the "Elements" with the Gadget "HTML/JavaScript".  You can also add to Post and Pages.


Default code:


<a class=" Class " href=" Link "></a>


Class: Add the Class.

Link: Add your Link.

Code Class:

Size 

Class to change the size of the Icon Bar.

1. icon-bar-1x

2. icon-bar-2x

3. icon-bar-3x

Solid Color 

Class to change the solid color of the button.

1. solid-primary

2. solid-dark

3. solid-secondary

4. solid-light

5. solid-success

6. solid-danger

7. solid-warning

8. solid-info

Outline Color

Class to change the outline color of the button.

1. outline-primary

2. outline-dark

3. outline-secondary

4. outline-light

5. outline-success

6. outline-danger

7. outline-warning

8. outline-info

Flat Color 

Class to change the flat color of the button.

1. flat-primary

2. flat-dark

3. flat-secondary

4. flat-light

5. flat-success

6. flat-danger

7. flat-warning

8. flat-info

Link Color 

Class to change the link color of the button.

1. link-primary

2. link-dark

3. link-secondary

4. link-light

5. link-success

6. link-danger

7. link-warning

8. link-info

Fontawesome

1. Go to Fontawesome > Clic on the Icon. Copy the Code.

Code a Copy


<a class="fa-play" href=" Link "></a>


2. Paste it next to the class.

Still no luck? We can help!

Get in touch with support.

Can't find what you're looking for?

Get in touch with support.