Biases List Like Mine

Halo guys... Esa request nih.. Cara membuat pages bias list sepertiku gimana sih? yuk kukasih tau kodenya....................

Sepertinya ini buat blogskin deh.. gak tau juga kalau buat template biasa, dicoba dulu ya. tapi aku yakin ini bisa kok... Bismillah~

• Dashboard > New Page> HTML
• Copy dan paste-kan kode ini di kolom HTML tadi

<style>
.icon2 {
margin: 5px;
width: 100px;
height: 100px;
overflow: hidden;
position: relative;
border: 3px solid #FFD7D7;
float: left;
 box-shadow:2px 2px 5px #ccc;
}
#bias {
position: absolute;
display: block;
width: 300px;
height: 30px;
top: 30px;
margin-left: -20px;
opacity: 0;
text-align: center;
color: #AAA;
background: #FBEBED;
-webkit-transition-duration: 0.8s;
border-top: 3px solid #FFD7D7;
border-bottom: 3px solid #FFD7D7;
line-height: 4px; text-transform: uppercase ;
-webkit-transform: rotate(-30deg);
font-size: 12px;
font-family:arial;
}
.icon2:hover #bias{left: 20px; top: 60px;
bottom: 5px; opacity: 1;
width: 103px; height: 20px;
line-height: 20px;
-webkit-transform: rotate(0deg)}
</style>
<table border="0" bordercolor="" style="background-color:" width="520" cellpadding="3" cellspacing="0">
<tr>
  <td><div class="icon2">
<img src="Url Image Bias" width="100px"><div id="bias">
Name Bias</div>
</div>
</td>
  <td><div class="icon2">
<img src="Url Image Bias" width="100px"><div id="bias">
Name Bias</div>
</div>
</td>
  <td><div class="icon2">
<img src="Url Image Bias" width="100px"><div id="bias">
Name Bias</div>
</div>
</td>
  <td><div class="icon2">
<img src="Url Image Bias" width="100px"><div id="bias">
Name Bias</div>
</div>
</td>
 </tr>
<tr>
  <td><div class="icon2">
<img src="Url Image Bias" width="100px"><div id="bias">
Name Bias</div>
</div>
</td>
  <td><div class="icon2">
<img src="Url Image Bias" width="100px"><div id="bias">
Name Bias</div>
</div>
</td>
  <td><div class="icon2">
<img src="Url Image Bias" width="100px"><div id="bias">
Name Bias</div>
</div>
</td>
  <td><div class="icon2">
<img src="Url Image Bias" width="100px"><div id="bias">
Name Bias</div>
</div>
</td>
 </tr>
</table>

• Warna merah diubah dg kode warna html
• Warna biru diubah dg url foto bias kamu
• Warna ungu,untuk nambahin gambarnya lagi. copy itu aja sebanyak jumlah biasmu
• Untuk menambahi baris baru copy kode <tr> setelah </td>.. contoh :

<td><div class="icon2">
<img src="Url Image Bias" width="100px"><div id="bias">
Name Bias</div>
</div>
</td><tr>

Nah.. untuk previewnya, kamu bisa pastekan kode atas disini  biar memudahkan ngeditnya dan biar gak salah.. Semoga membantu_Good luck^^