Shortcodes / Icon Box
Shortcodes / Icon Box
… Add a Icon Box
Add a Icon Box 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 "> You Title </div>
With link.
<a class=" You Class " href=" You Link "> You Title </a>
Code Class:
… Class Size
icon-box-1x
icon-box-2x
icon-box-3x
icon-box-4x
Not link.
<div class="icon-box-1x">icon box</div>
With link.
<a class="icon-box-1x" href="#">icon box</a>
… Theme Color
theme-blue
theme-black
theme-gray
theme-white
theme-green
Not link.
<div class="icon-box-1x theme-blue">Primary icon box</div>
With link.
<a class="icon-box-1x theme-blue" href="#">Primary icon box</a>
… Theme Outline
theme-outline-blue
theme-outline-black
theme-outline-gray
theme-outline-white
theme-outline-green
Not link.
<div class="icon-box-1x theme-outline-blue">icon box Outline</div>
With link.
<a class="icon-box-1x theme-outline-blue" href="#">icon box Outline</a>
… Theme Flat
theme-flat-blue
theme-flat-black
theme-flat-gray
theme-flat-white
theme-flat-green
Not link.
<div class="icon-box-1x theme-flat-blue">icon box Flat</div>
With link.
<a class="icon-box-1x theme-flat-blue" href="#">icon box Flat</a>
… Theme Link
theme-link-blue
theme-link-black
theme-link-gray
theme-link-white
theme-link-green
Not link.
<div class="icon-box-1x theme-link-blue">icon box Link</div>
With link.
<a class="icon-box-1x theme-link-blue" href="#">icon box link</a>