Navigation In Sidebar

  Hai, assalamu'alaikum! Resti post tutorial nih. Tutorial ini untuk membuat menutab di sidebar seperti punya Resti. Dulu waktu mash jadi pemula, Resti pusing ujuh keliling buatnya tapi sekarang ngggak lagi. Raed more yuk!


1. Dashboard
2. Tata Letak
3. HTML Java Script
4. Taruh kode dibawah ini di kolom yang tersedia

<div style="border:2px solid #fed7e6; -moz-border-radius: 15px;
border-radius: 15px;background:url(URL BACKGROUND) repeat;">
<style>
a.fla {
color:#fea5c2;
width:180px;
background:#fff0fa;
font-family: Comic Sans MS;
font-size: 20px;
text-align : center;
text-decoration:none;
padding: 3px;
border-bottom: 6px solid #fed7e6;
border-radius: 70px 20px / 20px 70px;
margin:1px;
display: inline-block;
cursor:pointer;
-webkit-transition: 1.0s;
-moz-border-radius: 35px;
border-radius: 35px;
}
a.fla:hover {
width:195px;
}
a.adi {
color:#ffffff;
width:180px;
background:#fee6f2;
font-family: Comic Sans MS;
font-size: 20px;
text-align : center;
text-decoration:none;
padding: 3px;
border-bottom: 6px solid #fed7e6;
border-radius: 70px 20px / 20px 70px;
margin:1px;
display: inline-block;
cursor:pointer;
-webkit-transition: 1.0s;
-moz-border-radius: 35px;
border-radius: 35px;
}
a.adi:hover {
width:195px;
}
</style>
<br />
<center>
<a class="fla" href="http://.blogspot.com/" title="TOOLTIPS">TITLE</a><br>
<a class="adi" href="http://.blogspot.com/" title="TOOLTIPS">TITLE</a><br>
<a class="fla" href="http://.blogspot.com/" title="TOOLTIPS">TITLE</a><br>
<a class="adi" href="http://.blogspot.com/" title="TOOLTIPS">TITLE</a><br>
<a class="fla" href="http://.blogspot.com/" title="TOOLTIPS">TITLE</a><br>
<a class="adi" href="http://.blogspot.com/" title="TOOLTIPS">TITLE</a><br /><br />
</center></div>

-edit-edit terlebih dahulu
5. Save

---

Terima kasih telah membaca, tinggalkan komentar ya!

---