by

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

| Home | Use of Cookies | Privacy Policy | FAQ | Affiliate Disclosure | Contact |

© Loes Knetsch. All rights reserved.

Others also read...

How to Start your own Website for free

Loes Knetsch © What are the main things you have to think about before you start your own website? What are the most important rules Read more...

Improve Alexa Ranking Website

Loes Knetsch © What Is The Alexa Rank About? How does Alexa track its traffic? How does Alexa get its data? Improve the Alexa ranking Read more...

by