D'JokoScript: Cute Navigation Style 1

Hai, assalamu'alaikum sobat-sobat! Maaf, Resti hiatus nggak memberi kabar. Resti ini memposting hanya disela-sela waktu hiatus. Resti post ini karena ada request. Oh ya untuk kabar hiatus bisa dilihat di widget status.

1. Dashboard
2. Tata Letak
3. Tambahkan Gadget
4. HTML Java Script
5. Copy paste kode dibawah ini

<style>
a.asd {
width: 100px;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
border-bottom:10px solid #ffe5e6;
border-top:2px solid #ffe5e6;
border-left:2px solid #ffe5e6;
border-right:2px solid #ffe5e6;
box-shadow: 0px 0px 2px 2px #ffdede;
background:url(URL BACKGROUND);
text-decoration:none;
font-style: normal;
color:#fea5c2;
display:inline-block;
text-align:center;
margin: 3px;
font:20px Chewy ;text-shadow:0px 0px 0px pink;
padding: 10px;
-moz-border-radius: 35px;
border-radius: 35px;
}
a.asd:hover {
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
border-bottom:0px;
border-top:2px dashed #FFE4E1;
border-left:2px dashed #FFE4E1;
border-right:2px dashed #FFE4E1;
border-bottom:2px dashed #FFE4E1;
background:#ffffff;
box-shadow: 0px 0px 4px 4px #ffdede;
color:#ffe5e6;
}
</style>
<br />
<center>
<a class="asd" href="LINK" title="TEXT">TITLE</a>
<a class="asd" href="LINK" title="TEXT">TITLE</a>
<a class="asd" href="LINK" title="TEXT">TITLE</a>
<a class="asd" href="LINK" title="TEXT">TITLE</a><br /><br />
</center>