Tutorial

<!-- você cola essa parte depois de <style type="text/css"> -->
#poxa {margin-top:5px;
margin-left:10px;
text-align:left;}
#poxa a {
padding:25px;
font-size:8px;
width:107px;
text-align:center;
margin-left:-3px;
font-family:calibri;
text-transform:uppercase;
color:#fff;
display:inline-block;
-webkit-transition:all 0.3s ease-out;
-moz-transition:all 0.3s ease-out;
transition:all 0.3s ease-out;
background:#000;
}
#poxa a:hover {letter-spacing:4px; text-shadow: 0px 8px 1px #000;
color:#e5e4e4;
background-color:#FFCC00;
-webkit-transition:all 0.3s ease-out;
-moz-transition:all 0.3s ease-out;
transition:all 0.3s ease-out;}
<!-- até aqui -->

<!-- e isso depois de </style> -->
<div id="poxa">

<a href="link" target="_blank">link 001</a>
<a href="link" target="_blank">link 002</a>
<a href="link" target="_blank">link 003</a>
<a href="link" target="_blank">link 004</a>
<a href="link" target="_blank">link 005</a>
<a href="link" target="_blank">link 006</a>

</div>
<!-- até aqui -->