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 "Bias name" to your idol name.
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.