Home Owner Tutobies Other Friends Themes

Senin, 04 April 2016

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>
-edit-edit dahulu
-untuk menambah link, tambahkan kode dibawah ini dibawah kode sebelumnya
<a class="asd" href="LINK" title="TEXT">TITLE</a>
6. Save

Terima kasih telah membaca, tinggalkan komentar ya!

Tidak ada komentar:

Posting Komentar

^_^ Komentar yang Baik ya! ^_^

Related Posts Plugin for WordPress, Blogger...