Free Small Business Website Design Widget
Loes Knetsch ©
When you run a small business website there are multiple plugins you can use to make your website user-friendly. Here is a tip for you to create a great text widget without using a plugin.
When you look to the right you see an “I need help …” in my widget. I am going to teach you how to make a widget like that.
How To Make A Free Small Business Website Design Widget
1. Find yourself some great icons
Here are some great online free to use icon websites
2. Add your own text
Use a picture editor program as MS Paint or one of these
Make your pictures 100x100px
3. Create a table
You can create a table yourself, or you can copy my code
Open a test draft post to play around with this.
<table>
<tbody>
<tr>
<td style=”width: 240px; height: 100px; text-align: center; vertical-align: top;” colspan=”2″> </td>
</tr>
<tr>
<td style=”width: 120px; height: 120px; text-align: center; vertical-align: top;”> </td>
<td style=”width: 120px; height: 120px; text-align: center; vertical-align: top;”> </td>
</tr>
<tr>
<td style=”width: 120px; height: 120px; text-align: center; vertical-align: top;”> </td>
<td style=”width: 120px; height: 120px; text-align: center; vertical-align: top;”> </td>
</tr>
<tr>
<td style=”width: 120px; height: 120px; text-align: center; vertical-align: top;”> </td>
<td style=”width: 120px; height: 120px; text-align: center; vertical-align: top;”> </td>
</tr>
</tbody>
</table>
Sometimes you need to replace the brackets after pasting for making it work, I don’t understand why WordPress changes them.
4. Add your pictures one by one
and paste links to your pictures
 |
|
 |
|
 |
|
5. Go over to the text tab
When you are satisfied, grab your code
6. and paste this code into a text widget and save
7. Go to your website and look for the result
You will have a smashing result with this icon widget for your small business design without using a plugin.
You want to start your own website?
More Free Small Business Website Design Codes
-
- html code block
-
- html Table Code
-
- HTML Codes list
| Home | Use of Cookies | Privacy Policy | FAQ | Affiliate Disclosure | Contact |
© Loes Knetsch. All rights reserved.
Loes Knetsch @ You have probably all seen these little finish lines on other websites. They look so incredibly professional. I wanted this line too! Read more...
How to use colors on your website. It is not that difficult to use specific colors on your website, you just have to know how. Read more...
