• Dashboard >>> Pos >>> Buat Entri Baru >>> HTML
• Copy-paste kode di bawah ini :

<style type="text/css">

.iconborder{border:1px solid #FFD7D7; padding:5px; width:90px;height:90px; -webkit-border-radius: 99px 99px 0px 0px;-moz-border-radius: 99px 99px 0px 0px;border-radius: 99px 99px 0px 0px;}

.icon{background:#FFD7D7; width:90px;height:90px;-webkit-border-radius: 99px 99px 0px 0px;-moz-border-radius: 99px 99px 0px 0px;border-radius: 99px 99px 0px 0px;border:none; }

.name{background:#FFD7D7; opacity:0.9; text-transform: uppercase; font-family:tinytots; font-style:normal; font-size:8px;

width:98px;padding:2px;text-align:center;color:#888; text-transform:uppercase;margin-top:-1px; -webkit-border-radius: 0px 0px 10px 10px;-moz-border-radius: 0px 0px 16px 16px;border-radius: 0px 0px 10px 10px; }

</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="URL IMAGE"></div>

<div class="name"style="margin-left:20px;">

BIAS NAME</div>

</td>

<td><div class="iconborder" style="margin-left:20px;">

<img class="icon" style="padding:0;border:none;" src="URL IMAGE"></div>

<div class="name"style="margin-left:20px;">

BIAS NAME</div>

</td>

<td><div class="iconborder" style="margin-left:20px;">

<img class="icon" style="padding:0;border:none;" src="URL IMAGE"></div>

<div class="name"style="margin-left:20px;">

BIAS NAME</div>

</td>

<td><div class="iconborder" style="margin-left:20px;">

<img class="icon" style="padding:0;border:none;" src="URL IMAGE"></div>

<div class="name"style="margin-left:20px;">

BIAS NAME</div>

</td>

 </tr>

</tbody></table>

</center>

• Publikasikan!

Ket: -- : Kode warna

-- : Ukuran

-- : URL gambar

-- : Nama bias

 

Labels: ♫ Tutorial, list