Tutorial : Menu Like Me

{ Okay di request dari shoutbox }

• Layout | Add Gadget | HTML/Javascript
• Copy code di bawah dan paste ke dalam HTML/Java

<center><style>
a.eimua{
background:#A9CCFF;
border: 1px solid #fff;
text-decoration:none;
color:#fff;
padding:5px;
font:11px arial;
margin-left:5px;
margin-right:5px;
margin-bottom: 10px;
width: 80px;
-webkit-transition:All 0.4s ease;
-moz-transition:All 0.4s ease;
-o-transition:All 0.4s ease;
display:inline-block;
}
a.eimua:hover{background:#BAD6FF;
color:#597092;
border: 1px dashed #fff;
}
a.eimua-one{
background:#FF9FBC;border: 1px solid #fff;
text-decoration:none;
color:#fff;
padding:5px;
font:11px arial;
margin-left:5px;
margin-right:5px;
width: 80px;
-webkit-transition:All 0.4s ease;
-moz-transition:All 0.4s ease;
-o-transition:All 0.4s ease;
display:inline-block;
}
a.eimua-one:hover{background:#FFB5C3;
color:#D24962;border: 1px dashed #fff;
}
a.eimua-two{
background:#D08CFF;border: 1px solid #fff;
text-decoration:none;
color:#fff;
padding:5px;
font:11px arial;
margin-left:5px;
margin-right:5px;
width: 80px;
-webkit-transition:All 0.4s ease;
-moz-transition:All 0.4s ease;
-o-transition:All 0.4s ease;
display:inline-block;
}
a.eimua-two:hover{background:#E4A2FF;
color:#5F4E8C;border: 1px dashed #fff;
}
a.eimua-three{
background:#7CFF8D;border: 1px solid #fff;
text-decoration:none;
color:#fff;
padding:5px;
font:11px arial;
margin-left:5px;
margin-right:5px;
width: 80px;
-webkit-transition:All 0.4s ease;
-moz-transition:All 0.4s ease;
-o-transition:All 0.4s ease;
display:inline-block;
}
a.eimua-three:hover{background:#D2FFD8;
color:#77D283;border: 1px dashed #fff;
}
a.eimua-four{
background:#FFDD74;border: 1px solid #fff;
text-decoration:none;
color:#fff;
padding:5px;
font:11px arial;
margin-left:5px;
margin-right:5px;
width: 80px;
-webkit-transition:All 0.4s ease;
-moz-transition:All 0.4s ease;
-o-transition:All 0.4s ease;
display:inline-block;
}
a.eimua-four:hover{background:#FEEBB2;
color:#EEBB22;border: 1px dashed #fff;
}
a.eimua-five{
background:#FF9393;border: 1px solid #fff;
text-decoration:none;
color:#fff;
padding:5px;
font:11px arial;
margin-left:5px;
margin-right:5px;
width: 80px;
-webkit-transition:All 0.4s ease;
-moz-transition:All 0.4s ease;
-o-transition:All 0.4s ease;
display:inline-block;
}
a.eimua-five:hover{background:#FFC2C2;
color:#D24E4E;border: 1px dashed #fff;
}
</style>
<a class="eimua-one" href="LINKIE">HOME</a>
<a class="eimua-two" href="LINKIE">TUTOR</a>
<a class="eimua-three" href="LINKIE">FREEBIES</a>
<a class="eimua-four" href="LINKIE">FACEBOOK</a>
<a class="eimua-five" href="LINKIE">TWITTER</a>
<a class="eimua" href="LINKIE">TUMBLR</a></center>
<script type='text/javascript'>

</script>

• Di edit dari coding Mas Erma sendiri.