Simple Navigation At Sidebar


Okayy, ada sesiapa tak nak buat yang macam ni ? Nak ? haha, kalau nak Aida boleh tolong :)

(1) Dashboard > Design > Edit Html.

(2) CTRL+F and search code ni ]]></b:skin>

(3) Copy code ni ATAS code yang korang cari tadi, diulangi kat diatas tau.

#nav {
display: inline-block;
padding:3px;
padding-left:5px;
padding-right:5px;
background: #E37895;
font-size:11px;
-moz-border-radius: 35px;
border-radius: 35px;
letter-spacing:.1em;
border:2px solid #891A37;
}
#nav:hover {
background-color:#FFC9D8;
}
#nav a:link {
color:  #710925;
transition-duration: 0.3s;
-webkit-transition-duration: 0.3s;
-moz-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
}
#nav a:visited {
color:  #FF8589;
transition-duration: 0.3s;
-webkit-transition-duration: 0.3s;
-moz-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
}



(4) Tukarkan code warna tu yang ditanda dengan warna merah.


(5) Pergi ke Page Element pulak and add HTML Javascript.

(6) Copy code ni and paste kat ruangan tu.
<a id="nav" href="URL LINK" title="NAMA LINK">NAMA LINK</a><a id="nav" href="URL LINK" title="NAMA LINK">NAMA LINK</a><a id="nav" href="URL LINK" title="NAMA LINK">NAMA LINK</a>

(7) Ubah yang tulisan yang Aida tandakan warna biru tu okayy ? Korang boleh letak url link facebook korang and nama link facebook korang sendiri. Contohnya:
<a id="nav" href="http://www.facebook.com/lololiliaidashafiena" title="Facebook">Facebook</a>

(8) Save.






Iloveyou :)