Tutorial put Linkies [Like Me]

Hi! salam Sabtu! yuhoo.. today dengan berbesar hati Sya dengan rajinnya nak buat tuto.. Tuto ni direquest oleh Atilia . Ok... Today Sya nak buat tuto letak Linkies [like me] . sesiapa yang berminat sila ikut step dibawah..

{example}

1. Dashboard > Template

2. Copy code ni

<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><a href="LINK"><div class="iconborder" style="margin-left:20px;">

<img class="icon" style="padding:0;border:none;" src="http://i.imgur.com/xlEi9tI.png"></div>

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

inspirit</div>

</td>

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

<img class="icon" style="padding:0;border:none;" src="http://i.imgur.com/xlEi9tI.png"></div>

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

inspirit</div>

</td>

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

<img class="icon" style="padding:0;border:none;" src="http://i.imgur.com/xlEi9tI.png"></div>

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

inspirit</div>

</td>

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

<img class="icon" style="padding:0;border:none;" src="http://i.imgur.com/xlEi9tI.png"></div>

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

inspirit</div>

</td>

 </tr>

<tr>

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

<img class="icon" style="padding:0;border:none;" src="http://i.imgur.com/xlEi9tI.png"></div>

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

Inspirit</div>

</td>

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

<img class="icon" style="padding:0;border:none;" src="http://i.imgur.com/xlEi9tI.png"></div>

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

inspirit</div>

</td>

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

<img class="icon" style="padding:0;border:none;" src="http://i.imgur.com/xlEi9tI.png"></div>

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

inspirit</div>

</td>

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

<img class="icon" style="padding:0;border:none;" src="http://i.imgur.com/xlEi9tI.png"></div>

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

inspirit</div>

</td>

 </tr>

</table>

</center>

3. Edit dan paste lah dekat page yang awak nak letak benda ni.

Gantikan http://i.imgur.com/xlEi9tI.png gambar bias/idol/apap-apa gambar yg korang nak. Pastikan gambar berbentuk square. saiznya seperti 100x100 @ 150x150.

#EEE2DC - warna border image
#FBEBED - warna background nama kawan korang
LINK - link blog kawan korang
inspirit - nama kawan korang

4. Preview & Save.