Tutorial #97

Live Preview:

TITLETITLETITLETITLE

• Layout > Add A Gadget > HTML Java/script
• Copy code di bawah

<center><style>
a.eimua {
display:inline-block;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
text-decoration:none;
box-shadow:inset 0px 0px 0px #FFDEF2,inset 0px 0px 0px #FFDEF2;
padding:2px;
width:110px;
border: 1px solid #FFDEF2;text-decoration:none;
font-family:Verdana;
font-size:10px;
text-transform:uppercase;
color: #303E51;
background: #FFF;
text-align:center;
}
a.eimua:hover{
color: #000;
box-shadow:inset 0px 14px 0px #FFDEF2,inset 0px -14px 0px #FFDEF2;
}
#pos{
position:fixed;
top:200px;
left:10px;
</style>
<center>
<a class="eimua" href="LINK">TITLE</a>
<a class="eimua" href="LINK">TITLE</a>
<a class="eimua" href="LINK">TITLE</a>
<a class="eimua" href="LINK">TITLE</a>
<a class="eimua" href="LINK">TITLE</a>
<a class="eimua" href="LINK">TITLE</a>
</center></center>

• Edit code apa yang patut.
• Prview and save with a sweet smile :)