personal site

nampak apa yang jadi ? nak buat ?

CLASSIC TEMPLATE


1) Dashboard > template > editHTML

2) cari code di bawah

<style>

3) copy code di bawah ni dan pastekan sebelum code yang korang cari tadi

.link1 {display: inline-block;background-color:#ffffff; padding: 20px; width: 50px;
height: 10px; font-size: 10px;}
.link2 {display: inline-block; background-color:#ffffff; padding: 20px; width: 50px; height: 10px; font-size: 10px;}
.link3 {display: inline-block;background-color:#ffffff; padding: 20px; width: 50px;
height: 10px; font-size: 10px;}
.link4 {display: inline-block; background-color:#000000; padding: 20px; width: 50px; height: 10px; margin-left: -90px; font-size: 10px;}
.link5 {display: inline-block; background-color:#000000; padding: 20px; width: 50px; height: 10px; font-size: 10px;}
.link6 {position: absolute; display: inline-block; background-color:#bdbdbd; padding: 20px; width: 50px;
height: 10px; font-size: 15px; margin-left: 90px; margin-top: -50px;}

.link1 a, .link2 a, .link3 a, .link4 a, .link5 a {display: inline-block; width: 50px; height: 10px; font-family: calibri;  margin-top: -20px; margin-left: -20px;  color: #bdbdbd;
border-bottom: 0px #bdbdbd solid;  border-left: 0px #bdbdbd solid; border-right: 0px #bdbdbd solid;  letter-spacing: 0px; padding: 20px;
-webkit-transition: opacity 0.8s linear;opacity: 1;-webkit-transition: all 0.8s ease-out; -moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out;}

4) kemudian cari code di bawah

</body>

5) copy code di bawah dan pastekan sebelum code yang korang cari tadi

<div class="link1">
<a href="LINK" target="_self">NAME LINK</a></div>
<div class="link2">
<a href="LINK" target="_self">NAME LINK</a></div>
<div class="link3">
<a href="LINK" target="_self">NAME LINK</a></div>

6) preview kalau ok save .


NOTE
- colour : tukar dengan warna yang korang nak dekat >SINI<


#fara tak buat code untuk DENIM TEMPLATE. tapi kalau nak boleh bagi tahu fara, fara boleh buat . oke ;)

Post a Comment