Add cute bias list on your blog - Style 1

Name	Name	Name	Name
Name	Name	Name	Name

Assalamualaikum and hi! Currently, placing your bias list in you About Me page is a trend among bloggers. So, I made this cute bias list with icons for all of you to use! Tehee. Both Classic Template and Blogger Template Designer can use this codes.

1. You will need to edit the codes first. For time saving and less effort, copy and paste the codes below to this website http://htmledit.squarefree.com/ and edit the codes there. You may edit the colors, and size. Don't forget to change YOURIMAGEURL to your own square images and change "name" to your idol name.

<style> .iconborder{background:#EEE2DC;width:80px;height:80px;padding:5px;border-radius:333px;box-shadow:0 0 6px #ddd;} .icon{background:#EEE2DC;width:80px;height:80px;border-radius:333px;box-shadow:0 0 6px #ddd;padding:0;border:none;} .name{background:#FBEBED;width:84px;padding:2px; text-align:center;color:#aaa; text-transform:uppercase;box-shadow:0 0 6px #ddd; margin-top:-5px; } </style> <center> <table border="0" bordercolor="0" style="font-size:11px;" width="500px" cellpadding="3" cellspacing="10"> <tr> <td><div class="iconborder" style="margin-left:20px;"> <img class="icon" style="padding:0;border:none;" src="YOURICONURL"></div> <div class="name"style="margin-left:20px;"> Name</div> </td> <td><div class="iconborder" style="margin-left:20px;"> <img class="icon" style="padding:0;border:none;" src="YOURICONURL"></div> <div class="name"style="margin-left:20px;"> Name</div> </td> <td><div class="iconborder" style="margin-left:20px;"> <img class="icon" style="padding:0;border:none;" src="YOURICONURL"></div> <div class="name"style="margin-left:20px;"> Name</div> </td> <td><div class="iconborder" style="margin-left:20px;"> <img class="icon" style="padding:0;border:none;" src="YOURICONURL"></div> <div class="name"style="margin-left:20px;"> Name</div> </td> </tr> <tr> <td><div class="iconborder" style="margin-left:20px;"> <img class="icon" style="padding:0;border:none;" src="YOURICONURL"></div> <div class="name"style="margin-left:20px;"> Name</div> </td> <td><div class="iconborder" style="margin-left:20px;"> <img class="icon" style="padding:0;border:none;" src="YOURICONURL"></div> <div class="name"style="margin-left:20px;"> Name</div> </td> <td><div class="iconborder" style="margin-left:20px;"> <img class="icon" style="padding:0;border:none;" src="YOURICONURL"></div> <div class="name"style="margin-left:20px;"> Name</div> </td> <td><div class="iconborder" style="margin-left:20px;"> <img class="icon" style="padding:0;border:none;" src="YOURICONURL"></div> <div class="name"style="margin-left:20px;"> Name</div> </td> </tr> </table> </center>   2. Once you have done editing, copy the whole edited code.  3. For classic template, you may paste the codes anywhere in your blogskin codes. Specifically anywhere you wanted the bias list to appear.  4. For Template designer, go to Home > Pages > New Pages > click HTML > and paste the codes > Save the page immediately, don't click Compose as it will corrupt your bias list.