Shortcodes / Icon Bar
Embedded Files
Icon Bar
… Add a Icon Bar
Add a Gadges HTML
- In your blogger dashboard.
- Go to "Layout".
- Locate the section.
- Click on "Add a Gadget" and we recommend adding these widget:
+ Widget "HTML/JavaScript" To add component codes.
- Select and paste the Code
- Select "#" and paste you link.
- Click "Save".
Edit Code:
- Copy the code.
- Open notepad or a code editor.
- select code "class size" and "Any of the styles".
- Paste the code in "Your class".
- Paste your link in "Your link".
- Add your title in "Your title".
Code:
Not link.
<div class=" You Class "></div>
With link.
<a class=" You Class " href=" You Link "></a>
Code Class:
… Class Size
icon-bar-1x
icon-bar-2x
icon-bar-3x
Not link.
<div class="icon-bar-1x"></div>
With link.
<a class="icon-bar-1x" href="#"></a>
… Theme Color
theme-primary
theme-dark
theme-success
theme-secondary
theme-light
theme-danger
theme-warning
theme-info
Not link.
<div class="icon-bar-1x theme-primary"></div>
With link.
<a class="icon-bar-1x theme-primary" href="#"></a>
… Theme Outline
theme-outline-primary
theme-outline-dark
theme-outline-success
theme-outline-secondary
theme-outline-light
theme-outline-danger
theme-outline-warning
theme-outline-info
Not link.
<div class="icon-bar-1x theme-outline-primary"></div>
With link.
<a class="icon-bar-1x theme-outline-primary" href="#"></a>
… Theme Flat
theme-flat-primary
theme-flat-dark
theme-flat-success
theme-flat-secondary
theme-flat-light
theme-flat-danger
theme-flat-warning
theme-flat-info
Not link.
<div class="icon-bar-1x theme-flat-primary"></div>
With link.
<a class="icon-bar-1x theme-flat-primary" href="#"></a>
… Add Fontawesome
Add Icon:
- Go to Page Fontawesome.
- Search icons and click on the icon.
- Click name; Will be copied
- Paste the name in "Your class".
Not link.
<div class="icon-box-1x theme-primary fab fa-house">icon box Link</div>
With link.
<a class="icon-box-1x theme-primary fab fa-house" href="#">icon box link</a>
Page updated
Google Sites
Report abuse